How to properly hide the title of your blog?

on July 9th, 2007 | Filed under Common Theme Issues, CSS Tips, WordPress Tips

This is one of the most common customizations that people want to do in their wordpress blog.

They want to hide their site’s title from displaying at their header. It is most probably because their header image already has it as part of the image itself.

Lets take a look at the most common approaches people take, for doing this.

Approach (1) : Delete the blog’s Title through Options Page

People go ahead and login to their wordpress, click on the Options and they look at the text box with the label “Weblog Title”. They just clear the text in that box and click on “Update Options”.
Start from
Click to Zoom!

and make it look like
Click to Zoom!

Wow ! That seems to work., isn’t it ?

Wait a minute, lets take a closer look !
As a result of your change, the following undesirable effects were created.

Issue #1 : Search Engines do not see the site’s title

You only intended your site’s title to hide from your vistor’s eyes, but now even search engine’s can not see your site’s title.
A site’s title enclosed in <h1> and </h1> tags, is one of the main things, search engines look at when they crawl around your site.
If the search engines do not know your site’s title, how will they display your site as part of any search results.?

Issue #2 : Site Title does not appear in the browser’s top bar

If the user has opened many browser windows or browser tabs, he/she may not be able to find the window/tab that your website is on.

Issue #3 : Site’s Feeds do not display a title, either

If the user subscribes to your RSS Feeds, they also do not display your site’s title.
Some feed reader softwares also reject feeds that do not have a title.

Oh my God! This approach has some serious issues, isn’t it ?

Approach (2) : Delete the line from header.php

Somewhat knowledgeable users open up the header.php in the theme directory. They know what is the line that causes the title to display in the header.
They just look for

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

and delete the whole line or make it


Yes. Now the site’s title do not appear in their header and they are happy !

Wait, They will still have the Issue #1 as we discussed for Approach #1.

Approach (3) : Hiding it through CSS Style definition

If we really think about the problem at hand, it is very simple. We want to hide the site’s title from the header of the site, as we already have the site’s title as part of the header image.
We only have to hide it from people browsing the site in the browser, and not from the search engines or feed readers.
Lets take a look at the CSS based solution for this.


#header h1 { display:none }

at the end of style.css and save it.

Now let’s refresh the site and see if the title is hidden. It is still showing up? You have to clear your browser’s cache and refresh the page again.

Ok…Now it seems to work !

Is there any of the Issues 1, 2 and 3 as we discussed earlier ?

Nope !

Well, may be this is the proper way to hide the site’s title from the header ?

I believe so !

Disclaimer :

This would work in most of the wordpress themes [at least the ones that I created]. If it does not work in one of my themes, please go to Support Forums for my themes and if it is someone else’s theme, please contact the author of that theme.
Commenting on this post for help with your site, is not recommended.



116 Responses to “How to properly hide the title of your blog?”

  1. […] want to hide the title of your blog from your header ? Please read my post at WP ThemePark […]

  2. […] can learn about the issues with each one of those approaches and find the best solution at my article at WP […]

  3. Hugo Maes says:

    I found out about the header.php thing of course, but I didn’t realize that was SE-unfriendly. Thanks for the tip!

  4. c. dickson says:

    Thank you for pointing me over here! The header is now corrected.

  5. Jessica says:


    Thank you SO much for this rule, it has helped me SO much.


  6. Kobe says:

    At first,i want to thank you for your solution.My problem though is that the title of my blog disappears only in home page.It is still there in single posts and pages.Can u help us with this too?

    I’m not using your theme ๐Ÿ˜€

  7. Kobe says:

    Ok,i got another solution.I added “visibility: hidden;” in the stylesheet to every line referring to header. ๐Ÿ˜‰ Thanks again.Regards from Greece ๐Ÿ˜€

  8. angela says:

    Using your Paalam Theme with modifications, I actually needed to add these 2 lines to remove the visible header text:

    #header h1 { display:none }
    #header h2 { display:none }

    THANKS for a great useful theme – I am just starting out with WordPress and I love the simple and elegant theme you have created.


  9. mart says:

    I’m using the theme ‘beautiful day’

    to get around the problem i set the font size to 0em, seems to work!

    .header .left {
    background: #B3C2C7 url(‘img/header.jpg’) no-repeat;
    line-height: 150px;
    text-align: center;
    width: 564px; font-style:normal; font-variant:normal; font-weight:normal; font-size:0em; font-family:Trebuchet MS, sans-serif

  10. Tarky7 says:

    Thanks for pointing me here Sadish. As usual, you are one of the most professional WordPress theme builders out there. My clients just love your themes, your backend toolkits make working with your themes a breeze.


  11. This is amazing information, thank you.

  12. Zakman says:

    In the CSS file, the location where the title should appear is given in pixels.

    So what I did on my blog was make the location something like 4000 px from the left margin, so the title is out of the range of the desktop screen, and hence not visible.

    Yet it will appear in the browser top bar, because I’ve not removed the title in the Options page.

  13. Sadish says:


    That is possible too. but I heard that Google will consider your site a SPAM if you are using such tactics to hide something.
    Again it is not confirmed, but it is just what I heard.


  14. zakman says:

    Yeah, Sadish, I agree there are possibilities that Google might consider my site because of the attempt at hiding some text.

    This is the same as writing keywords on the site in the same color as the background, so humans can’t see it, yet the site is ‘rich’ with keywords.

    But Google spiders are not human ๐Ÿ˜‰ Google does penalize one for doing that!

  15. Dennis says:

    Hi Sadish,

    Thanks for putting up this solution as you’ve solved a problem of mine where I need to hide my blog title.

    However, it still left with blog description. Possibilities to hide the description as well?



  16. Ronnie Ann says:

    Hi Sadish!

    I’m thinking of moving to and love your Seashore theme. I’m considering using it, but have two basic questions: (1) I know I can increase the size of the header image, but is there a way for me to suppress the blog name above the image? (and still retain SEO of course (-; ) and (2) Is it possible for me to move categories to the bottom of the post?

    I hate asking this since it’s a beautiful design as is, but for my particular blog, these changes would be very helpful. I don’t know CSS, but I can follow code and insert or delete where told to!

    Thank you for any help and for your lovely designs.

    Ronnie Ann

  17. WereBear says:

    Thank you, thank you! You made my first venture into WordPress CODING a pleasure, and solved a nagging problem for me.

  18. Wing Fat says:

    Dennis: Add this to the bottom of style.css:
    .description { display:none }

  19. Heather says:

    Hi- how can I change what it says in my header? I want it to say, but it leaves out the /blog part. Also, off topic, but I was able to change the main colors of the blog (Love the fall leaves theme- thank you!) but when you first bring up the site it flashes a bright green- where do I go in the CSS file to change that? Thank you SO much!!

  20. Fawaz says:

    I was so tired from the header, your trick really did work.. Thanks

  21. farzana says:

    Hi Sadish,

    First let me start by saying your themes rock!!!!

    So, I followed your tips step by step to remove the header text.
    It did indeed remove the text when I removed the title of my site In the WP options area. But of course this removed the title of my site from the Feed Page.

    So, then I cut and pasted #header h1 { display:none } at the very bottom/end of the Stylesheet (style.css), through the theme editor. Didn’t do the trick. The default header text still showed up. I emptied bt browsers cache and I refreshed, all to no avail.

    I am using your fab Fast Moving theme with WordPress 2.5.1

    Please let me know what I’m doing wrong.


  22. Hi Fat Wing, I was noticing the above tip for hiding description:
    .description { display:none }
    Does this just get dropped in below the #header h1 { display:none } tag?
    (doesn’t seem to be working!)

  23. Daniel says:

    Thanks! I stumbled through a couple of other site’s explanations, but yours was spot-on, and I had the fix done in 30 seconds.

  24. test says:

    the above didnt work, but this worked for me, using Cutline

    #masthead h1 a {
    display: none;

  25. Jordan says:

    Worked like a charm. Thanks! I was looking for this

  26. werutzb says:


    I want to improve my SQL capabilities.
    I red really many SQL books and want to
    get more about SQL for my position as db2 database manager.

    What can you recommend?


  27. Jane says:

    I am so grateful for your support forums. This is exactly the info I was going to ask for, but then saw you had addressed it, and superbly.

    What would we do without you, Sadish?

  28. […] Removed blog text name from header:ย  WordPress Theme Park ยป Blog Archive ยป How to properly hide the title of your blog? […]

  29. Kyle Bradshaw says:

    Looked ALL OVER THE WEB for this info! Thanks Thanks Thanks!

  30. Tyrone says:

    You don’t wanna do this… it’s bad for SEO

  31. Parker says:

    Word! Thanks… I went with Approach (2) because Safari mobile and other browsers (presumably) could still see the header. Knocking it out through the header.php file was the trick. Nice to solve a problem at the source.

    Thx ~ pj

  32. Amy says:

    Thank you, thank you!! I’d been searching for an answer to this for several hours when I finally found this post. Perfect. It worked. Of course, mine were named #name and #tagline, but this is the answer I needed. Keep up the good work.

  33. Ruchi says:

    I am not able to hide the tagline, althiough title can be removedsucessfully , can you help me out.

  34. Sergej says:

    Hallo Sadish
    This method works for home page title, but how can I get rid of title on another pages of my blog? Any suggestion?

    Best regards,

  35. Cody says:

    Thanks so much Sadish. I was using approach 1 until it occurred to me that it wouldn’t be SEO friendly and I found the answer here. Keep up the excellent work!

  36. Chris Brown says:

    Great tip, thanks a ton!

  37. Hey man, this really helped — but I’m having another issue, well the same issue actually, just in another spot. Your code works to hide the blog title on the front page, but on any of the subsidiary pages like ‘About’ or ‘Contact’ the title still shows … any thoughts?

    Thx man,


  38. Hey thanks so much for this post.
    What if I only want to hide the header on certain pages, and not all of them?
    A response would be greatly appreciated.

  39. Alan says:

    Well, first thanks for the tip to add #header h1 { display:none }. It certainly suppresses the ‘Blog Title’.

    But I also want to suppress the ‘Tagline’.

    I tried adding this:-
    #header h2 { display:none }
    #header h3 { display:none }

    But the Tagline still appears.

    Any ideas anyone?

  40. greg says:

    many thanks, seems to work fine, now hopefully my title s will now re-appear in google

  41. Peter says:

    display:none in css is not a good idea in my opinion. Maybe it is better to remove the blog title and tag line, and use All in One SEO to create the page title.
    The page title is one of the most important elements in good seo

    Very good work Sadish – we have donated for a theme for a client in the past

  42. Michael says:

    #tagline {

    this worked for me to rid of tagline but I’m having trouble with the page title. I am able to hide it but when I do it also hides the image logo I have. Any ideas?

  43. Thank you so much for this simple fix. I spent over an hour searching the forums to no avail and then stumbled upon your suggestions. Option #3 works like a charm. I can tell I still have a few tweaks to do, but at least the RSS feed now has a proper name. Really appreciate the help.

  44. Rate4d says:

    Dear author of this post, I don’t even know your name but I would like to thank you very much for this post ๐Ÿ™‚ it was very helpfull, 5 stars ๐Ÿ˜‰

  45. Joseph says:

    Thank you very much, the header.php trick worked a charm ๐Ÿ™‚

  46. Candace says:

    Perfect, thanks! One tip for my own page, I had to call it “masthead” instead of header, but it worked! Fixed my problem in seconds, when I’d been working on it for days. Thank you!

  47. patrick says:

    Using your method the hyperlink back to the home page appearrs to be removed as well.

  48. BloggerDude says:

    I don’t know If I said it already but …Great site…keep up the good work. ๐Ÿ™‚ I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say I’m glad I found your blog. Thanks, ๐Ÿ™‚

    A definite great read….

  49. sascha says:

    is it not easier to change font size? I made it to be 0 pixel and the title of blog in header disappeared.

    .header-title {
    font-family: Verdana;
    padding: 108px 0 0 48px;

  50. Russ says:

    Thanks Sadish,
    I knew there was a simple solution to this but just couldn’t quite recall the procedure.
    I simply inserted: #header h1 { display:none } into the style.css and it worked like a charm!

  51. hello
    thanks very very much .. it’s worked with me now

  52. holger says:

    thank you! so simple, i wasted a whole bunch of hours on it.
    but now, how to get the description hidden too?

  53. Mary says:

    Wow. So simple, I can’t believe it. I don’t know a thing about CSS and you just saved my life. It worked! THANK YOU!

  54. daddy design says:

    I have a question.. What if I wanted to hide 1 word or a character (examples: +) from the title? Is this possible??

  55. Thank you, you have just saved me the headache of code finding. Thanks again

  56. AlienTYC says:

    Simple and yet useful wordpress tips! Thanks ๐Ÿ™‚

  57. Mark says:

    Thank you, Sir!!! I am grateful.

  58. Richard says:

    hi, thanks , iยดm using all in one seo pack for wordpress, but not all browers are picking up my h1 h2 tags. Do you recommend this or should i be using another seo plugin?

  59. Kimberley says:

    I’ve tried all of these, but the problem I have then is that the nav bar shifts up and goes across the middle of my header! Any suggestions on how to fix this? It’s really annoying!

    Thanks for the advice on hiding the header! I use to use the first example, but as I’ve learned I used the second, but because of the nav bar issue I thought I’d try the third option you mentioned. Am I missing something I should know here?

  60. Sadish says:

    Kimberly, Try the following.
    On your header.php, just below your nav, add

    let’s see if it solves your issue.

  61. Margaret says:

    #header h1 { display:none }

    This also removes my header image. How can you remove just the blog title?

  62. Sadish says:

    If you don’t give me the URL of your site, how can I try to help you?


  63. Willie says:

    Thank you so much!

    I used inline css first. I set visibility: hidden. it worked but on google my page title doesnt appear. Instead my first post’s title appears. I believe this might fix my problem. I’m also using the All in One SEO pack that Richard uses. Maybe the problem is there.

  64. Susan says:


    Can you clarify that to do this, or infact anything in CSS edit you have to be paying for your wordpress account? I can’t seem to do anything at all with my blog unless i pay for an annual subscription, like not even change background colour or anything but if I could do this trick it might help me personalise a bit for free!


  65. I tried adding the #header h1 { display:none } to the end of the document, but this did not remove the title. I would like to remove the title, and also, I would like to be able to link my header picture to my main page. Is this possible? Thanks!

  66. Tarky7 says:

    Sadish – another shameless FanBoy chiming in and saying how just plain awesome you are ! Sadish Rocks !

    Now fer the whine with that cheese ~ using your FastMoving 2.0 theme for a community give back and we are having trouble removing the title from the theme. This theme has a nice button to remove the title in the header, however, when engaged the title just goes black and does not vanish:

    have tried your standard fix of the CSS based solution:


    #header h1 { display:none }
    but it ain’t working.

    If you have the time to look and maybe come up with an alternative fix, that would be awesome.

    Thanks so much,


  67. Tarky7 says:

    You are awesome Sadish – a WordPress God !

    *bows low



  68. Hi

    I can’t stop the title displaying. I’ve added the code to style.css. I originally tried to hide it in custom header but it just changed the font colour. Anything else to try? I have removed the title in wordpress settings for now. Thanks.

  69. Thank goodness for this forum…

    I put #header h1 { display:none } into and it works fine on Firefox, Safari and IE–but not on Chrome. The title is still showing above the header in just that browser.

    It’s not a huge deal but if you have any suggestions…

  70. Cathy says:

    I am using Cutline on, and am about to try this modification. But no one commented on one of the suggestions above, which is to just change the font size of the title to zero pixels. Will that work, too?

    Also, if you remove the title in Cutline, will the two lines at the top stay there? Thanks!

  71. Joseph Kao says:

    Thanks – was puzzling over this exact issue, and your article really helped me out!

  72. Jeff says:

    Hmmm..but why would you want to hide the title of your blog? I don’t get it. Sorry if I am being obtuse.

  73. Vicki Berry says:

    Thanks Sadish!

    This is exactly what I was looking for – but can you tell me the code to also remove the description part? It is still there ๐Ÿ™‚ I think I can play around and figure this out but would love to have you tell me to be sure I don’t mess things up!

    I have another question for you – is it theme specific that wordpress would or would not email notify people of replies to comments? Mine does not.

    And Jeff, if you read the post Sadish pointed out why you would want to remove your blog title, is that is your title is integrated as part of your header image you wish to use. I did this because my Theme not only did not seem to include the fonts I wanted but more importantly I wanted to place the title in a specific location on the header image.

    Once again Thanks Sadish!

  74. Vicki Berry says:

    I figured it out Sadish! It was the h6, all the same as you described, I just tweaked it from h2 through h6 until the description / subtitle actually went away as well, now they are both gone!

    Thanks again,

  75. khiang says:

    hi, i have just try ur trick above, its work great

    but problem came after that, the logo i made has change the position

    a bit higher that it should be…?

    please advise… thank you

  76. Bernadette says:

    It’s actually quite rare to find the exact answer to the exact question you had on the internet. The fact that it works exactly as promised and took about 30 seconds to do is a bonus. Thanks very much, next time I do a theme change (I’ve only just done one and don’t like to swap too often) I’ll be using one of yours.

  77. aidilx says:

    I’m still having a problems regarding this issue. It didn’t work with my theme thou I’ve followed the instruction that you’ve explained here. Could you please assist me?

    (sorry for my bad english)

  78. SMcB says:

    Thanks so much. Super helpful

  79. You just fixed an issue that has really stressed me out – Super karma points to you.. Thanks!!

  80. Nasarik says:

    display:none is a good work round, however, this can cause problems for screen readers. I use an absolute position to move the text from the page, something like this –


    You can apply this directly to the H1 or create a new id and doesn’t seem to cause any issue with screen readers. As you can see it simply moves the text 3000px out of the display area, hope this helps ๐Ÿ™‚

  81. Rafael Aun says:

    Working good. Tks.

  82. thanks to sadish….its helpful to me…

  83. Zach says:

    Thanks so much! Your CSS solution worked like a dream for me. ๐Ÿ™‚

  84. Zach says:

    Actually, I just realized that the title was removed from the home page, but not the other pages on the site. Does anyone out there know a fix to this?

  85. Dan says:

    try using this instead of the H1 script. Worked on my new Twenty Ten themed blog.

    #site-title {

  86. David says:

    Thanks Nasarik. Worked like a charm!

  87. Momarchy says:

    It worked great! Thank You so much for the tip ๐Ÿ™‚

  88. 509 Graphics says:

    Hi Dan,

    Could you describe where to use the #site-title code you mentioned? I’m running into the same problem as Zach where it removed the title from the homepage, but not the subsequent pages. I’m also currently running the Twenty Ten theme on a site.

    509 Graphics

  89. Sadish says:

    509 Graphics,
    That code has to be added to end of style.css file.
    but remember, if you upgrade your theme at a later point, you may lose your changes.

  90. Unfocused says:

    Thank you. This worked perfectly.

    On the theme I am using, there were actually two designations in the header. One was for “site-title” and one was for “site-description.” I changed them both to “display:none” and was able to leave both a site title (Unfocused Blog) and a site description (Pictures Sharp. Life not so Much.) on the settings, but have them hidden from view. (Both are already in my logo).

    This was easy and, better yet, it actually worked. Thanks.

  91. bob says:

    Thanks for the great advice! I am in my first episode of using WordPress as a CMS, and am building a child theme for the twentyten default theme for WordPress 3.0. There are lots of things that I have to change, and your fix is only one. I think I have managed to make the other changes necessary, and will keep your website in my favorites.

    Why don’t we have themes that are more malleable for those who assemble a site where the blog is a secondary function? Just saying..

  92. Sandhya Babu says:

    Dear Mr Bala
    Exactly the problem I had and your solution[ of adding at the end of style.css] worked [on my test site where I preview everything as I am new to blogging and completely computer challenged ]and I was ecstatic. The tiltle showed when I subscribed to RSS feed but not on site as I had my own header, which was perfect.
    However when I tried the same thing on my actual site this is the message I got from the dreamweaver box

    ” a sharing violation occurred while accessing c:Documents and settings HP_AdminstratorLocal settingstemporary internet filescontent.IE58LLBN69Qstyle[4].css.”
    I duplicated the exact same thing I did in my test site a minute later in the actual site but got this message. And another problem has also occured. In my actual site the blog title appears below the header and will not dissapear even when I have it removed from the blog title in general settings. So something has messed up the code and prior to this attempt I had removed the blog title from below my header. Please help as I know nothing about all this, I am just learning how to upload and download pictures!!
    Please advice.
    Thanks and looking forward to your reply.

  93. Sandhya Babu says:

    Sorry wanted to add further- even though the blog title appears under the header the RSS feed still shows ‘untitled’
    Thank, Sndhya BAbu

  94. Perfect… that worked great and was simple.

  95. Tom says:

    Thanks ๐Ÿ™‚

  96. Jza says:

    awesome, thanks!!

  97. Erika says:

    Thanks so much! That was driving me crazy and your tip worked like a charm.

  98. Worked a charm! thank you so much.

  99. Gary says:

    Thank you, worked perfectly! And I’ve never messed with the actual editor before, only the point and click stuff I could change. Only thing I would still like to do is hide the Tag Line as well. Can this be accomplished the same way? If so, what do I need to put into the CSS editor? Thanks again!

  100. Thanks for the post. To Gary: I added the line:
    #site-description { display:none }
    right after the #header line and that took care of it for me.

    Sadish: On a site I’ve been working on, barrelhousemarketing dot com, I used this method and it works for the main page, but on some of the other pages (this site has a few static pages, and one page which displays posts) the title is showing up above the header image. Is there another place I need to add the #header h1 { display:none }?

  101. Josh says:

    Option 3 did what I needed it to do, however, I have a large white space between the header and the content. Any way to bring the content higher and reduce the space?

  102. Carol Cody says:

    Thank you so much…just what I needed!

  103. Joe says:

    I found this to be a more direct method (using CSS):

    #site-title, #site-description {display:none};


    Look through the style sheets for margins and padding. Find the appropriate divs that have the set and lower the values.

  104. Christopher says:

    once I put the… #header h1 { display:none } …at the end of the css do I need to call the headeras an ID from the page’s html … if so exact syntax please… I have tried it with and without calling it but I am doing something wrong as the title is still there.

    2) also how would I use Joe’s method as outlined as… #site-title, #site-description {display:none};
    Thank you

  105. Joe says:

    Hey Christopher,

    I wasn’t very specific in my response. What you would need to do is edit the page you want to hide the title or description on. Change it to HTML view and put this code at the top:

    #site-title, #site-description {display:none};

    If you only want to hide the title you can just do:

    #site-title {display:none};

    Same thing goes for the description. I’ve used this same trick (not really a trick, just basic CSS) for hiding other elements on pages.

  106. Joe says:

    The forum is hiding the style tag on me…

    You need to put the CSS declarations inside a style tag. I’m too lazy to figure out how to make the greater than and less than symbols show up.

  107. Tony White says:

    Approach #3 did it trick, thanks sooooo much:] Such an obvious fix, I just didn’t know which word to replace “display: block;” with.

    Thanks again:]

  108. Joe says:

    Great tip and works a treat… but only on the front page of the site. Other pages still have the title displayed. I’m a complete beginner (3rd day playing with WP) so would appreciate any help, particularly of the most basic kind


  109. Jason says:

    Excellent tip.. just having difficulty with the style.css file. I do not have that file. So I created one and inserted the code but it has not work.
    What should I do? I would appreciate any tips.

  110. Troquelados says:

    Geat tips and post! Thanks

  111. Chris says:

    Hi all,

    Actually, to be a stickler about it, if you’re using CSS style definitions, you’re much better off using:

    {text-indent:-9999px} instead of the {dispaly:none} attribute.

    Text-indent keeps the text (good for browser title and SEO, etc.) but shoots it so far off the page that you can’t see it.

    The reason why you would want to use this method is because you may like to set the background image of the tag to something (maybe an image of the header in a fancy font) and if you use display:none you won’t be able to see it!

  112. Tory says:

    Agree with Chris. I didn’t want the entire header to disappear since I added a JPEG with Text Titles. So, I added text-indent:-9999px to two header entries. This removed the default site title and tagline.


    #header h1 {
    margin: 0 0 0 90px;
    font-family: Tahoma, Geneva, sans-serif; font-size: 30px;
    #header p {
    margin: 0 0 0 150px;
    font-family: Tahoma, Geneva, sans-serif; font-size: 14px;
    color: #000;

  113. Florian says:

    The CSS code provided works to remove the site title on my static home page but not any of the other pages. How do I remove the site title from the additional pages? I am using 2010 1.1 theme.

  114. Erick says:

    Tory that worked really great for my site. Thanks for the info.

  115. Erick says:

    Seems like many people are having issues with this CSS trick, since it will just work in Home Page. Reading at all comments, I concluded that if you add this line to your css:

    #site-title { text-indent:-9999px; }

    It will hide the title text (not images) for every page, not just Home page.

    Thanks to Tory and Joe for their comments, which made me solve the problem. Also thanks to Bala for his post.