Remove Page Title from top of each page

  • Author
  • #545040

    I use this code to remove the page title from the top of each of my pages: h1.entry-title {display:none;}

    When I use the

    Reading Settings – Front page displays – static page,

    Whichever page I call my static page has the title displayed at the top.

    (In other words, the static page feature overrides the css I edited.

    The blog I need help with is


    The title on your static front page is on a different page class. The following should work for you.

    .home .entry-title (display:none; }


    Hello Sacredpath! How are you.

    I pasted .home .entry-title (display:none; } into my css and the title and tag are still at the top of all my pages.

    I must be doing something wrong.

    Thank you.



    oops, I mean the title is of the home page is still there.


    Hmmm, worked for me with firebug. Try the important attribute after the declaration.

    .home .entry-title (display:none !important; }


    One other suggestion. You might add about 5px of padding-left to #site-title a to space the title off the left a little.


    I’ll take any suggestions you have! In fact, I could use a little bit of consultation on the site, do you have any interest?


    (I’m working on your recent suggestions now)


    Yeah, I’ll look it over for you. Not a problem.


    I just figured out that the changes I’m making to my style sheet appear to not be saving. (even though wordpress tells me “stylesheet saved”.

    It’s been a while since I’ve done this.


    OK, log out of wordpress, clear your browser cache and cookies, restart your browser and then try again. If you are using the preview function, it has been a little flakey lately and sometimes you also have to force refresh the preview page.



    Typo in the suggested code (opening parethesis where it should be a curly brace). Try this and force refresh the preview page too:

    .home .entry-title {display:none!important;}


    @luke, thanks for that catch. I must have bumped my head.


    Hi, this is an issue I’ve been struggling with for a while. I’m currently using the Coraline theme for a site I’m developing for my business. I’m not at all sure where to put this code in my CSS to remove the page names from any page that I have in my sites. I’ve put the suggested code in different sections of the theme or just added it to the theme but it doesn’t work. Any help on this would be greatly appreciated. I’m using the site below for testing. Thanks!


    To remove page titles (like on your about page, not post titles like on your main page) the following with work.

    h1.entry-title {
    display: none;

    Thanks for the quick reply. That didn’t work for me as an append to the Coraline theme. Is there a particular section of the CSS that I need to add it to for this theme? I tried the structure section but that didn’t work. I’m a total CSS newbie and I’m thinking that, even if I code correctly, I’m not able to get the changes to work properly because of where I’m putting the changes. Hope this makes sense


    CSS is theme specific, so what works in one almost never works in another.

    If you are using the preview function, add the above to your CSS edit window at the bottom of whatever else you have in there, then when you click preview, refresh the preview page and take another look. Again, the above code works on the PAGES such as the about page, so you will have to look there. Your main page is set to show posts, and it is never a good idea to remove post titles.

    I’ve verified the above code works in my test blog.


    My bad, I did not have coraline on my test blog. The following should work for you

    .page .entry-title {

    That worked!!! I didn’t know that you had to refresh after preview. Thanks again.


    You’re welcome. The preview has been flakey lately. I know some of it has to do with the current crop of browsers though since they are all now far more reliant on cached pages to give the appearance of the browsers being fast.



    Hi.. I need some help on a similar issue. I have a blog in the making and have set the welcome page as the static page, however when I do this I lose the colour on the font of the “Welcome” heading.

    I have tried variations of the suggestions above

    .home .entry-title (colour:#aaaa }

    but no joy..
    I have picked through the original CSS search for “static” and “home” etc but cant seem to get the right selector.

    Any help at this point would be appreciated! It’s amazing how annoying one black word can be.

    Thanks :)

The topic ‘Remove Page Title from top of each page’ is closed to new replies.