How to target a blog page (archive page) to add CSS

• 

  egburns · Member · Jan 15, 2016 at 7:24 pm

  • Copy link
  • Add topic to favorites

  I used “display:none” on all my other pages to hide the featured image portion of them. Since my blog page is an archive page and doesn’t have a page ID, I’m not sure how to “display:none” the featured image portion of that page.

  Anybody know how to solve this problem? Thanks for the help.

  http://lakestarstable.com/blog/

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 19, 2016 at 1:11 am

  • Copy link

  If you look in the opening body HTML tag on your blog page, you will find the first listed CSS class is “blog”. You can use that to remove the featured image on that page like this.

  .blog .site-hero.site-hero-featured-image {
      display: none;
  }

• 

  egburns · Member · Jan 19, 2016 at 8:22 pm

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Jan 20, 2016 at 6:50 am

  • Copy link

  You are welcome.