How to turn off Shoreditch header on individual pages?

• 

  obscurasoft · Member · Mar 2, 2017 at 6:25 am

  • Copy link
  • Add topic to favorites

  The header shows up on every individual page. I’m wondering how to turn it off on some of the pages. (For example if you navigate to the “About Page”, it still shows up. How would I turn it off?)

  Thanks!

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

• 

  staff-loquaciousloon · Staff · Mar 2, 2017 at 5:50 pm

  • Copy link

  Hi there!

  Shoreditch’s header is shown across the entire site, except on posts/pages with their own Featured Images.

  To hide it on certain pages, you would need to use a bit of Custom CSS (part of a Premium Plan or Business Plan).

  In that case, adding the following snippet under My Site > Customize > CSS should do the trick:

  body:not(.blog) .header-image{
      display: none;
  }

• 

  obscurasoft · Member · Mar 3, 2017 at 12:29 am

  • Copy link

  Wow thank you! I appreciate the help. :)

• 

  obscurasoft · Member · Mar 3, 2017 at 12:31 am

  • Copy link

  Oh, I forgot, what if I wanted to replace it with a different image for that single page?

• 

  staff-loquaciousloon · Staff · Mar 3, 2017 at 3:09 pm

  • Copy link

  If you want to give a specific page it’s own header image, add a Featured Image to that page :)

• 

  obscurasoft · Member · Mar 4, 2017 at 3:16 pm

  • Copy link

  Thank you so much! I appreciate the help, chad!

• 

  staff-loquaciousloon · Staff · Mar 6, 2017 at 1:33 pm

  • Copy link

  You’re welcome!