Remove Page Title from top of each page

  • Unknown's avatar

    I use this code to remove the page title from the top of each of my pages:

    body.page 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: (visible only to logged in users)

  • Unknown's avatar

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

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

  • Unknown's avatar

    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.

    Pete

  • Unknown's avatar

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

  • Unknown's avatar

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

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

  • Unknown's avatar

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

  • Unknown's avatar

    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?

    Pete

    (I’m working on your recent suggestions now)

  • Unknown's avatar

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

  • Unknown's avatar

    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.

  • Unknown's avatar

    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.

  • Unknown's avatar

    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;}

  • Unknown's avatar

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

  • Unknown's avatar

    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!

    http://jeffalanstevens.wordpress.com/

  • Unknown's avatar

    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;
    }
  • Unknown's avatar

    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

  • Unknown's avatar

    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.

  • Unknown's avatar

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

    .page .entry-title {
    display:none;
    }
  • Unknown's avatar

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

  • Unknown's avatar

    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.

  • Unknown's avatar

    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.

    adamandlou.com

    Thanks :)

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