Suppress title and feature image

• 

  betenboughhomes · Member · Oct 13, 2015 at 2:01 pm

  • Copy link
  • Add topic to favorites

  Hi – I would like to suppress the title on some, but not all pages on our site. I would also like to suppress the feature images on some pages. Is there code I could use to do this? Our blog is currently using the Edin theme.

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

• 

  ehtis · Staff · Oct 13, 2015 at 2:53 pm

  • Copy link

  Hi there,

  Targeting specific pages is certainly possible. Just a few steps involved, I’m using this page from your blog as an example:

  • Right-click anywhere on the page, click “Inspect Element”.
  • You’ll get this screen if using Chrome, similar if on Firefox.
  • I’ve highlighted page-id-57. With this page ID we’ll target this specific page, note it down.

  Now paste this code in your Customzer > CSS:

  .page-id-57 .hero.with-featured-image {
      display: none;
  }

  This will hide both the featured image as well as the title from that specific page. If you want to target other pages, repeat the above steps, note down page-id and copy/paste the above code, replacing only .page-id-57.

  If you only want to hide the page title, use the following code, replacing with the appropriate .page-id-xx:

  .page-id-57 .hero .page-title {
      display: none;
  }

  There’s a thorough guide here on how to use the “Inspect Element” feature.

• 

  betenboughhomes · Member · Oct 13, 2015 at 8:35 pm

  • Copy link

  Awesome, this worked. Thank you!

• 

  ehtis · Staff · Oct 13, 2015 at 9:14 pm

  • Copy link

  You’re very welcome!