Use CSS to Hide Page Title from Specific Pages

  • Resolved acann

    (@acann)


    8 years, 3 months ago

    Hi, first off I have indeed searched the forums and while there are many topics on this I’ve been unable to find one that works. I’m trying to hide the page title from this page

    In viewing the source code I thought I needed to enter this in my style.css
    .page-id-7972 .entry-title {display: none;}
    but this does not work. I’ve also tried the following variations
    .page-id-7972 .entry-header {display: none;}
    .page-id-7972 .entry-header .entry-title {display: none;}
    #post-7972 .entry-title {display: none;}
    #post-7972 .entry-header {display: none;}
    .post-7972 .entry-title {display: none;}
    .post-7972 .entry-header {display: none;}

    Clearly I’m not reading something properly, most people seem to say the first one should work.

    Is anyone able to take a peek at my page source and help me out with the correct one?

Viewing 8 replies - 1 through 8 (of 8 total)
  • lisa

    (@contentiskey)

    8 years, 3 months ago

    try:
    .page-id-7972 h1.entry-title

    Thread Starter acann

    (@acann)

    8 years, 3 months ago

    Thanks @contentiskey, unfortunately it didn’t seem to work, I tried

    .page-id-7972 h1.entry-title {
    display: none;
    }

    lisa

    (@contentiskey)

    8 years, 3 months ago

    is the store page connected to an ecommerce plugin?

    lisa

    (@contentiskey)

    8 years, 3 months ago

    are you using a child theme for your changes?

    Thread Starter acann

    (@acann)

    8 years, 3 months ago

    Yes @contentiskey, I have an embedded store currently, in the content of the page. And yes I’m applying the code to the style.css of a child theme.

    thanks for your continued help, I really appreciate your insights!

    Cody

    (@stearns208)

    8 years, 3 months ago

    Try this:

    article.post-7972 h1.entry-title {
    display: none;
    }

    If that doesn’t work, this should:

    article.post-7972 h1.entry-title {
    display: none !important;
    }

    Thread Starter acann

    (@acann)

    8 years, 3 months ago

    Darn, still no luck with either of those…any other suggestions? Should I try the !important flag on any of the prior variations? like the .page-id-7972 one?

    Thread Starter acann

    (@acann)

    8 years, 3 months ago

    Hi, sorry for the runaround, I think perhaps my browser was caching the CSS in some of my tests. At the urging of some web developer friends I tried this one again
    .post-7972 .entry-header {display: none;}

    And it worked like a charm. Sorry for wasting your time, although it’s funny none of the other suggestions worked!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Use CSS to Hide Page Title from Specific Pages’ is closed to new replies.