Page Title on Select Pages Only

  • Resolved txbredred

    (@txbredred)


    11 years, 3 months ago

    Hi, I am working on removing the page titles from all of my pages except for my blog. Using .entry-title {display: none;} also removes the title of the blog posts, which I do not want.

    I followed another post and tried testing it with my home page first, .page-id-11 .entry-title {display: none}, where 11 is the page id for my home page. This worked until I added the rest of my pages on my website.

    When I reverted back to just using the code for the home page the code did not work. I started getting blank white pages. I had to delete the css code to get my website back to normal.

    How do I get the page titles to only display on the blog page, and how do I set the styles up for multiple pages?

    This is how I set up the css styles for the multiple pages:
    .page-id-11, .page-id-6, page-id-13, .entry-title {
    display: none;
    }


    My Website
    Theme 2012 (editing in a child theme)
    Browser: FF and I have the Firebug add on.

Viewing 1 replies (of 1 total)
  • Thread Starter txbredred

    (@txbredred)

    I figured it out! I must have entered the code wrong.

    If you want to remove the page title for select pages enter the following code in the style.css file for your child theme.

    .page-id-? .entry-title,
    .page-id-? .entry-title {
    display: none;
    }

    ? = the page number you do not want the page title displayed. To find the page number I used the Firebug add-on in Firefox. Look for something like this <body class=”home page page-id-11 page-template….>

    I am using the 2012 theme so the .entry-title might be different depending on the theme you are using.

Viewing 1 replies (of 1 total)
  • The topic ‘Page Title on Select Pages Only’ is closed to new replies.