Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Saturday, November 20, 2010

Remove Blogger Static Page Titles

When you click on a Pages Gadget link to view your static page, there will be two title texts on the same page. One is the default static page title, and another one is the link from your Pages gadget. It looks ugly, and many users would want this page titles to be removed.




If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) -

If you're using the new Blogger interface: Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed -

Find for </b:skin> - paste the following code directly BELOW </b:skin> - Save Templates:
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>

This is how the code looks when it is in place:


Have fun.

264 comments:

  1. thanks 4 da info.your web so great!

    ReplyDelete
  2. @Radianthijab: Glad you find it that way. Enjoy your stay here.

    Regards.

    ReplyDelete
  3. thank you very much, works perfectly.

    i don't know why google came up with such a stupid idea.

    ReplyDelete
  4. @Shyam: No problem at all.

    Cheers and God bless.

    ReplyDelete
  5. @Petite: No problem. Cheers.

    ReplyDelete
  6. Hello Yoboy...

    thanks for the tips..and your nice blog

    I wonder how do you know you should put the "static_page" after ==

    TQ

    ReplyDelete
  7. @Zainal: I was using Google's Help Articles a lot when I first started to do these things. You might wanna have a look at one of the concerning page:
    Layout Data Tags, particularly under pageType. At the time this article was written, static page was not there yet. We're preparing new Help Articles now as we speak, for the new Blogger Layout.

    You'll find the following sites useful as well:
    Blogger Developers Network
    Blogger Help Forum

    Cheers and God bless.

    ReplyDelete
  8. Thank you so much for this! It worked on mine. Great site!

    ReplyDelete
  9. @Nancy: Glad it worked. And thank you. Enjoy your stay here.

    Cheers and God bless.

    ReplyDelete
  10. another tutorial that works great. thank you :)

    ReplyDelete
  11. @Pingkan: Glad you find them useful. Cheers.

    ReplyDelete
  12. Tnx man, you made my day:)

    ReplyDelete
  13. @Rob: No problem mate. Cheers.

    ReplyDelete
  14. That was great! Thank you. Those nasty titles were driving me mad! Now can I do the same thing for the "date stamp" and "posted by" to get rid of those on my static pages? If you can show me how, you'll be my new BFF!

    gardensje.com

    ReplyDelete
  15. @GJE: Use the following HTML instead:

    <b:if cond='data:blog.pageType == "static_page"'>
    <style>
    .post-title.entry-title, .meta_date, .meta_author {
    display: none;
    }
    </style>
    </b:if>


    Cheers.

    ReplyDelete
  16. You're welcome! Cheers and God bless.

    ReplyDelete
  17. worked wonderfully! thank you!

    ReplyDelete
  18. @raldical: No problem. Cheers and God bless.

    ReplyDelete
  19. It has taken three days of frustrating non-fixes to find you: not cool to very cool... thank you!

    ReplyDelete
  20. @Lucy: You're very welcome :) Cheers and God bless.

    ReplyDelete
  21. Its not working for my blog www.mynameis.in

    ReplyDelete
  22. @MyNameIs: You're using a heavily modded template. The template designer might not be the best channel to add CSS code to your template, in your case. Try adding the CSS above directly in your template's HTML. All the best :)

    ReplyDelete
    Replies
    1. Heavily moded in what way? in its size or manipulation?

      Delete
    2. 'Heavily moded' when compared to Blogger's standard templates. Your template falls under the 'third party' category. Usually, tweaks and mods need to be altered to work on a third party templates, since they vary from one designer to another. Blogger templates, on the other hand, use a similar set of standardized codes. For example, the way to address a post's title in Simple Blogger template is the same with that of Awesome Inc's.

      Delete
  23. Hi, how could I do this on Dynamic template? Thanks!

    ReplyDelete
  24. @Anon: To remove static page titles in Dynamic Views, add the following to your CSS:

    .ss, .viewitem-wrap .article-header h1.title{
    display: none;
    }

    Cheers..

    ReplyDelete
  25. Oh my!! I'm the anon who previously commented. You are so great. Thank you very much for your help. God bless!

    ReplyDelete
  26. @Anon: No problem at all :) Happy holidays my anonymous friend..

    ReplyDelete
  27. works great! more power! you can see it here: http://stlouisreviewcenter-slrc.blogspot.com/p/free-practice-test.html

    ReplyDelete
  28. Great job, the most useful answer for this so far. I tried other codes that didn´t work for my blogger template, but this one did, and it´s much better than "fixing" page by page...thanks a lot! :)

    ReplyDelete
    Replies
    1. That's great to hear. Thanks for your feedback :)

      Happy blogging!

      Delete
  29. Good day!
    I already created some static pages in my blog.
    I just want to remove the date and author for all the static pages while having the date and author for the rest of my posts.
    What should I do?
    The code you gave above only removes the title.
    Please help me! Thanks.

    ReplyDelete
  30. Good day!
    Just wanna know how to remove the date and author on all of my static pages while having those date and author for my ordinary blog posts.
    Here's my website. Take a look. www.asiandramaportal.blogspot.com
    I just want to remove/hide the date/timestamp and author for the static pages I created. Thanks!

    ReplyDelete
    Replies
    1. Hi there,

      Use this code instead:

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .post-title.entry-title, .postdate{
      display: none;
      }
      </style>
      </b:if>

      Have fun!

      Delete
  31. Thank you so much for the response!
    It's working now!
    You're such a blessing to beginners like me.
    Hope you continue to be a great help to everyone.
    God Bless!

    ReplyDelete
    Replies
    1. That was nice to hear :) Appreciate it. Happy blogging!

      Delete
  32. Whew! Thanks so much for posting this one! After having searched Google for hours for a solution, only your site provided me with a working one. :) You're amazing!

    ReplyDelete
    Replies
    1. Kudos to you for landing on the right page :)

      Delete
  33. THANK YOU!!! This was exactly what I needed! :) XOXO

    ReplyDelete
  34. hi i got same problem but not working on my blog what to do.

    http://irstechnicals.blogspot.in/

    ReplyDelete
  35. Hi Mahesh,

    What problem? I don't see any page titles in your static pages. Have you got this fixed?

    ReplyDelete
  36. I tried 2 or 3 other edits from others that either did nothing or @#$%ed it all up. This finally worked, thanks!

    ReplyDelete
    Replies
    1. Thanks for the feedback. Appreciate it :)

      Delete
  37. Hi!

    I used this code few months ago and it worked out great. However, I cannot see the POST titles on pages now. Is there a way I can get them back, while still hiding PAGE titles?

    Thanks in advance!

    ReplyDelete
    Replies
    1. Hi Anon,

      If you remove this code from your blog, can you see your post titles again? In any case, can I have a look at your blog? It's really hard to tell without inspecting.

      Delete
    2. Thanks so much for your response. I realized it wasn't this exact code, so I had trouble finding it to reverse it, but after a little playing around (ok, ok, a lot) with the HTML, I managed to get the post titles back (no idea how). Anyway, your site is so helpful! Thanks again! :)

      Delete
    3. Thanks Anon.. I'm glad you got your issue fixed :)

      Delete
  38. Its not working for me... However, I did design this template with Artisteer...can you help me?

    zooyorkutopiaworldhistory.blogspot.com

    ReplyDelete
    Replies
    1. Anon:

      Use this in your case:



      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .art-postheader{
      display: none !important;
      }
      </style>
      </b:if>

      Cheers!

      Delete
    2. Thank you very, very much! It worked perfectly!

      Delete
  39. Can you please help me.... ya, I am the same one who asked this...

    "Its not working for me... However, I did design this template with Artisteer...can you help me?

    zooyorkutopiaworldhistory.blogspot.com"

    Well, I am working on a DIFFERENT project this time.... and the code you gave me for the zooyorkutopiaworldhistory.blogspot.com project Wont work with my new project.... but I am still using Artisteer... can you help me? Heres the link:
    http://www.co2oceanpollution.blogspot.com

    ReplyDelete
    Replies
    1. Hi Anon,

      Try this in your case:

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .postheader{
      display: none;
      }
      </style>
      </b:if>

      Cheers.

      Delete
  40. I've been searching for this solution for an hour--thank you for making it so easy!

    ReplyDelete
    Replies
    1. Glad you found what you were looking for :)

      Delete
  41. Hi there...
    I've tried repeatedly to remove the Page titles from my static pages. Nothing works.
    http://www.boutiquelaboheme.com/
    When I tired the fix above, it removed my Post titles too. Help!
    Angela

    ReplyDelete
    Replies
    1. Hi Angela,

      After reading your comment, I tried verifying the validity of the tweak above, and it is still relevant and very much working. Could you give it another try?

      There's another way I could suggest to you but let's give the method above another whirl, and get back to me. Cheers :)

      Delete
    2. I started over and realized I was putting the code in the wrong place. You are a genius!! Thank you so much for posting this.

      Delete
    3. Glad you got it figured! Let me know if you need any other help :)

      Cheers~

      Delete
  42. I'm using a specialty date setup and image on a blog site I've designed. I've used the code you provided to hide the date and accompanying background image from the static pages, but the titles on those static pages are still shifted to the right to accommodate a space for the date tag. Any suggestions to get the page titles align to the left hand margin on the static pages?
    Site address: http://latteblessings-test.blogspot.com/
    You'll see what I'm talking about on the "about me" page.

    ReplyDelete
    Replies
    1. Hi Anon,

      You could use conditional tag to left-align your post titles in static pages alone.

      Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Find for </b:skin> - paste the following code directly BELOW </b:skin> - Save Templates:

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .post h3 {
      float: left !important;
      }
      </style>
      </b:if>

      Cheers :)

      Delete
    2. Wow, thought I had tried that to no avail, but then it worked this time! Thanks so much!

      Delete
  43. You are fantastic! Thank you for this post!

    ReplyDelete
  44. Hey, Please help!
    I want to have "Home" display on the menu bar, but I want it to say "Our Story" on the top of the "Home" Page. If it is not possible to have the menu tab titled differently from the title displayed on the page itself, is it possible to have the page title not show up (only on that page!!) and change the font of "Our Story" to a font not in the pre-selected ones in the page editing?
    Thank you so much! your fixes are always the best!

    ReplyDelete
  45. hey sorry i forgot to tell you, my blog is: http://vicolopizza.blogspot.com/

    ReplyDelete
    Replies
    1. Hi Vicolo,

      Sorry for my late reply. If I get you right, you want your title to change from 'Vicolo Pizza' to 'Our Story' on your homepage alone. Am I right? If yes, this is what you need to do. Go to Dashboard - Template - HTML - Proceed - Find for </b:skin> - Paste the following directly below it:

      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <style>
      .titlewrapper .title{
      font-size: 0px !important;
      }
      .titlewrapper .title:before{
      content:"Our Story";
      font-size: 86px;
      }
      </style>
      </b:if>

      Cheers :)

      Delete
  46. thank you so much, but I wanted it to say "Home" in the menu bar and "Our Story" for the title on the actual home page. (You know how the pages gadget puts the page title on the page?)

    (and if it makes any difference, I made a new home page and renamed the original because i could not edit it.)
    Thank you so much for all your help

    ReplyDelete
    Replies
    1. Hi Vicolo.. That is what the solution that I posted in my previous reply does. Have you given it a try?

      Delete
  47. whats up man after i use the code to remove the static page titles, do you have a code to remove the space where the title once was?

    ReplyDelete
    Replies
    1. Yo,

      It depends to the kind of template that you're using. What's your blog's address?

      Delete
    2. It's a private blog right now because i'm revamping it can I email you the code?

      Delete
    3. Do you think you can set up a temporary dummy blog and replicate your issue in there?

      Delete
  48. okay here it is man http://niggatest.blogspot.com/p/blog-page.html

    ReplyDelete
    Replies
    1. Hi Steez,

      Your dummy blog is also set as private. Can't access it without permission..

      Delete
  49. Damn sorry about that it's open now.

    ReplyDelete
    Replies
    1. Yo Steez,

      Here.. Use this instead of the one posted above.. Same instructions though..

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .post-title.entry-title{
      display: none;
      }
      .title-wrapper{
      display: none !important;
      }
      </style>
      </b:if>

      Cheers :)

      Delete
  50. Great tutorial. This is just what I was looking for.

    ReplyDelete
  51. Hi again,
    New problem now:
    When you go to vicolopizza.blogspot.com it goes to the blank "Home" page, which I cannot edit. I have made another page called Home and renamed the original one Home1, and hidden it from the menu. How do I get vicolopizza.blogspot.com to go to my new home page and not the real one? Thanks!

    ReplyDelete
    Replies
    1. Hi Vicolo,

      Your blog will not land on any other page except for your original homepage, regardless of what you name it. If you're looking to make major changes to your original homepage, refer to the following tutorial. It might help:

      http://www.southernspeakers.net/2010/10/blogger-tips-setting-up-homepage_6156.html

      Cheers :)

      Delete
  52. WHATS GOING ON MAN I HAVE A QUESTION ABOUT MY BLOG AGAIN I'M WORKING WITH A DIFFERENT LAYOUT AND I WANT TO KNOW CAN YOU HELP ME CENTER MY NAVIGATION LINKS CENTER?

    HERE IS THE LINK
    http://niggatest.blogspot.com/

    ReplyDelete
    Replies
    1. Hey man here use this:

      .menu-secondary-container ul{
      position: relative !important;
      left: 200px !important;
      }

      Cheers!

      Delete
  53. Thanks! I really appreciate it.

    One more question tho. The code worked however do you see how when you hover over an option on the navigation it moves to the left and the options then are out of place?

    can you help me fix this? I don't want it to move at all I want it to remain centered and have the options with drop downs to drop underneath it in a normal way rather than the way it is now if that makes sense.

    http://niggatest.blogspot.com/

    ReplyDelete
    Replies
    1. Hey man,

      I spent the last 1 hour trying to find the culprit in your page, but the scripts in your blog isn't letting me to inspect your elements. It is best for you to contact the person who created your menu/template, and see what gives..

      Cheers..

      Delete
  54. Thankyou! A tutorial that works! Good job!

    Becky

    ReplyDelete
  55. oh my, i don't know how to thanks you, perfect yet simple tuto dear. thanks!

    ReplyDelete
    Replies
    1. Hi Jasple.. Glad you find the tutorials helpful..

      Happy blogging and God bless!

      Delete
  56. It worked! :D
    I have been searching forever for this solution.... thanks so much for the helpful post!!! :)
    I would like to ask you: do you have a tutorial on how to split a sidebar gadget/widget into two (or three)? I want to add three different logos right next to each other, but the only thing I can do is to have them positioned vertically.
    I can only do:
    1
    2
    3
    and I would like: 1 2 3
    does that make sense? :)
    I use the simple template from blogger. My post is on the left and my sidebar on the right.
    Any suggestion on your part will be greatly appreciate it. Thanks!

    ReplyDelete
    Replies
    1. Hi Else,

      There are two ways to do so:

      1) Use an HTML/Javascript gadget, and introduce a 1 x 3 HTML table.

      2) Cut open your template, introduce crazy mods in an attempt to split up the sidebar, end-up breaking the template, then decide to go to option #1 :)

      So, I'd recommend Option 1, as Option 2 will be too time-taking and mountainous. Go to Dashboard - Layout - Add a gadget - HTML/Javascript gadget.. All you have to do is create an HTML table and insert it into the gadget.. Here's a tutorial on how you can create an HTML table: http://www.southernspeakers.net/2010/11/blogger-thumbnail-gallery.html

      Let me know if you need any help :)

      Delete
  57. Dear Yoga...

    wow, I am speechless. I DID IT!!!!! :) And then I was able to figure out how to add a web link to each image... wowwww... THANK YOU SU MUCH! Your HTML table tutorial was sooo helpful. Your instructions are so easy to follow and to understand. And best of all, I had so much fun doing it! :)

    I am so new to all this (have never dealt with html table, or anything html related). I am a teacher and trying to build my own website. It is so cool to go online and find websites like yours that are so informative and help to make my personal project possible. I am so happy! :) As soon as I enter the text in my pages I will give you the link so you can check it out (I have it locked right now since it is not 100% percent ready yet) Thanks again, I will be back for more! God bless!

    ReplyDelete
    Replies
    1. Hi Elsa,

      If you can nail HTML tables this fast, trust me, it won't be long before you master everything else that is HTML, CSS and Javascript related! Glad you're getting the hang of it :)

      Looking forward to seeing your finished blog. All the best!

      Cheers :)

      Delete
  58. I really really thank you for this peace of code!
    Stay healthy:))

    ReplyDelete
    Replies
    1. Thanks for the wishes.. Appreciate it, thanks! :)

      Delete
  59. Brilliant. Just what I was searching for. Thank you!

    ReplyDelete
  60. Is there any way to apply this same technique to make hide the header on static pages?

    ReplyDelete
    Replies
    1. Hi Eric,

      It is possible. But it very much depends to the kinda of template you're having. And it looks like you don't have a header in your blog. What am I missing?

      Delete
  61. Hey whats going on my friend . Do you happen to know how to get something like this!? http://www.esterman.com/index.php/ronnie-jersey-shore a nice booking page?

    ReplyDelete
    Replies
    1. Hmm not exactly. But 123ContactForm.com might be a good place to start if you're looking into adding a contact form to your site.

      Delete
  62. http://thevesh.blogspot.com/

    That's my blog URL. If you take a look, you'll see that in the static page 'test tab', it only displays a broken link (the page title), but when I type content there and preview it, it looks perfectly fine. It should properly show : "This is me testing my tabs". Do you have any idea what is causing this and how to fix this? I turn to you, since Google doesn't seem to have a fix, and your other fixes have worked brilliantly for me. Cheers!

    ReplyDelete
    Replies
    1. Hi Thevesh,

      I couldn't find the link to your test page in your blog. Have you got it fixed?

      Delete
  63. Thank you!!! you are a genius :)

    ReplyDelete
  64. Thank you so so much, I saw your comment above for Dynamic pages and adding it to CSS worked like a charm thank you so much.

    ReplyDelete
  65. Hi...
    Why is my static page url link does not match the title?
    example:

    I create a table of contents in a static page, it should link url as below:
    kode-blogger.blogspot.com/p/daftar-isi.html

    but the url does not match the title, it would:
    kode-blogger.blogspot.com/p/blog-page.html

    Can help me?

    ReplyDelete
    Replies
    1. That's odd. Have you tried doing it again, perhaps with a different browser this time? And was the title field empty when you published the page?

      Delete
  66. Thank you very much for this post!Greetings from Greece!

    ReplyDelete
  67. Worked perfectly! The code I found on a different site did nothing. Thank you!

    ReplyDelete
  68. Don't know how long I've tried to do this! I have no clue about html, and you made it really simple. Cheers!

    ReplyDelete
    Replies
    1. Well, now you know where to head the next time you need anything Blogger related - anything at all :)

      Delete
  69. Hey there! I tried to use this code and it's not working. I'm using the Wallbase template. Is something wrong with the template?

    ReplyDelete
    Replies
    1. There are hundreds (if not thousands) of third party templates - I'm afraid I'm not familiar with Wallbase. Let's have a look at your blog, what's your blog's address?

      Delete
  70. Hi there,
    I've tried a few different approaches to hiding my page titles, but none of them have worked so far. Here is my blog: http://kavixiu.blogspot.com/p/about.html

    Any help would be greatly appreciated!

    ReplyDelete
    Replies
    1. Hi Tara,

      It seems like your page titles are hidden now, have you got it figured?

      Cheers..

      Delete
  71. Thank you so much! You saved hours of my life.

    ReplyDelete
  72. Hi,
    It's me again. This code has worked for the page titles but I want to remove the author name from the static pages as well. I tried few other codes that you have suggested to other readers but none worked. Pls help.

    Thanks,
    Deepti.

    ReplyDelete
    Replies
    1. Hi Deepti,

      Go to Dashboard - Template - Edit HTMl - Find for </b:skin> - Paste the following directly below it:

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .post-header{
      display: none !important;
      }
      </style>
      </b:if>

      Cheers..

      Delete
  73. Thanks for posting this--exactly what I needed!

    ReplyDelete
  74. Hi,
    It worked. Thanks for being so patient with me.
    Deepti.

    ReplyDelete
  75. Hi there, you are doing a great job on here!

    Is there a CSS command to style the background of static pages titles on Awesome Inc. template?

    Thanks!

    ReplyDelete
    Replies
    1. Sounds possible. But what exactly do you mean by styling the background of titles?

      Delete
  76. Hi,
    I have a major problem regarding static page,:( i've created a static page but it's not showing in my blog,Static page link is there but not showing...you can chk it here. http://mungpoonews.blogspot.com/p/this-privacy-policy-sets-out-how_1165.html please help me.
    Thanx in advance.

    ReplyDelete
    Replies
    1. Hi there,

      You seem to be using a third party template - I'm not sure what's the name of the template since I couldn't find any credits/attributes in the source of the template. The must be a way to add your link to the menu of this template, and I strongly suggest you to contact the author of this template to find out how to make menu customisations.

      Delete
  77. Thanks! I just did it and it works perfect. Greetings from Florida!

    ReplyDelete
    Replies
    1. Glad you got it working Jeff.

      Cheers :D (from Kuala Lumpur!)

      Delete
  78. This doesn't seem to be working for me

    ReplyDelete
    Replies
    1. Let's have a look at your blog. What's your blog's address?

      Delete
    2. Great! Very Cool!
      I have used it in http://teach2mee.blogspot.in/

      Delete
  79. Excellent work around! Thanks for posting this :D

    ReplyDelete
  80. Thank you, this took away the titles but somehow an arrow appeared on the left hand top side of my blog, any idea of what might have happened how to remove it?

    Thank you

    http://celebratetherhythmoflifehomeschool.blogspot.com/

    ReplyDelete
    Replies
    1. It looks like you've added the code to your CSS. Bad idea. Please see the instructions in the post above on where the code should go to.

      Delete
  81. Is there a way to do this for specific pages? I want to remove the title from my About page, but not the others. www.thingsforboys.com

    ReplyDelete
    Replies
    1. Yeap.. Go edit this post - switch to HTML view (as opposed to Compose view) - Paste the following towards the end of your editor box:

      <style>
      .post-title.entry-title{
      display: none;
      }
      </style>

      Cheers..

      Delete
    2. Worked perfectly, thanks!! Thank you for taking the time to reply.

      Delete
  82. Hi,

    The code is not working for me... am not sure where I'm going wrong. I have a dynamic view template and I saw a previous post about adding an extra bit of code for this view. Can you give me the full extra code I need for my dynamic view blog and where I need to place it in the html coding please? Thanks so much!!

    www.lydialovestravelling.blogspot.com

    ReplyDelete
    Replies
    1. Hi Lydia,

      Here's what you're looking for:
      http://www.southernspeakers.net/2012/01/removing-static-pages-titles-from.html

      Cheers :)

      Delete
    2. Worked like a charm!! Thanks so much :)

      Delete
  83. I've tried everything I can think of to get this code to work for me, but it just won't. I'm a novice at this sort of thing, and I have been using a template made by someone else that I've modified over the years to suit my needs, but I haven't been able to remove the static page titles from the very start. Perhaps you can tell me what exactly is wrong here.

    notesfromcarcosa.blogspot.com

    ReplyDelete
    Replies
    1. Hey there,

      Sorry for the late reply. Use the code below, this should work for your blog:

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .nadpis{
      display: none;
      }
      </style>
      </b:if>

      Cheers.

      Delete
    2. Thank you so much for your help!

      Delete
  84. So easy!! Thank you! www.ldsprintables.com

    ReplyDelete
  85. This was exactly what I needed! I have referenced your blog for so many of the html tweaks I want to make. Thanks for sharing your tips!

    ReplyDelete
    Replies
    1. Thanks! Hope you enjoy your stay here :D

      Cheers!

      Delete
  86. i will try this :) thanks for the usefull info

    ReplyDelete
  87. Thanks for this. Worked great and the old heading on static pages was seriously lame.

    ReplyDelete
  88. Thanks so much! I spent a couple of hours trying to figure out how to remove static page titles without effecting the blog post titles, as most blogs just mention turning the .post h3 to display: none. But you saved the day! Yay!

    ReplyDelete
  89. Hi.

    I need your help to remove the gab between the top of the page and the content on the page of my blog?
    I have tried all your suggestions to other people, but it doesnt seems to work on my blog?
    http://www.humorkratiet.blogspot.dk/p/valgurnen.html
    In this case i would like the picture to begin in the top of the page with just a little standard gab..
    Thank you :)

    ReplyDelete
    Replies
    1. Hi Pede,

      Add this to your 'Add CSS' box:

      .content{
      position: relative !important;
      top: -60px !important;
      }

      Let me know how it goes. Cheers :)

      Delete
    2. It doesn't seems to work..
      Let me see if i have understood your guiding:
      I have added the code in the top of your topic to my template, which have removed the title as the meaning was.

      Afterwards i have added this to my css:

      .content{
      position: relative !important;
      top: -60px !important;
      }

      I did just copy that into my css without nothing else done and i didn't work.. Am i doing anything wrong or does the code not function?

      Thank you so much for helping out!!!!

      Delete
    3. Perhaps I have misunderstood what you'd wanted to do. Could you send me an annotated screenshot depicting the gap that you want to eradicate?

      Delete
    4. I dont know how to add a picture in here, so i have added a link.
      Link to the picture:
      http://2.bp.blogspot.com/-vVGCr7WzfKI/UjMXqWoVeRI/AAAAAAAAAKc/RVmkhQsEkw8/s1600/gap.gif
      Link to the site:
      http://www.humorkratiet.blogspot.dk/p/valgurnen.html

      Thank you again for helping :)

      Delete
    5. Right. Edit this particular page, and switch to HTML view (as opposed to Compose view). Then, scroll towards the end of your post editor box, and add the following HTML there:

      <style>
      .post.hentry{
      margin-top: -30px !important;
      }
      </style>

      Once you've copied and pasted the code above, republish your page. Cheers :)

      Delete
  90. Another wonderful tip sheet. Well written, simple, specific and works first time. Thanks again for sharing your knowledge so generously. David

    ReplyDelete
  91. Hello Yoga,
    I just wanted to solve the summary issue for page. I have created one page and write some content over there but the published url of that page shows only summary and read more link. when I click on read more it shows only summary again. I want to show whole page content, what should I do???

    ReplyDelete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.