How to change header background color for a blog post?

safrohhc · June 2017

Hi!

Is it possible to change the background color of the header for a single post?

We're using a bit different design for our blog, and want to use a colored background under menu instead of an image (we're using transparent header background for the rest of the website).

Thanks!

Bryan · June 2017

Hi,
could you send a link to your website and present on a screenshot what exactly do you want to change.
thanks

safrohhc · June 2017

Hi Muffin,

Sure, here's the link: https://topwhale.com/social-media-and-aging-demographic/

There's a white background under the top menu, we want to make it colored.

Thanks!

Bryan · June 2017

Try this custom css

#Top_bar {
	background:red !important;
}

safrohhc · June 2017

It would change the color of the top bar across the website. And we need it changed for the blog posts only, since we're using a hero image as a background on all other pages.

Bryan · June 2017

This css will target only the blog posts

body.single-post #Top_bar {
	background:red !important;
}

safrohhc · June 2017

Works perfectly!

Thanks!

How to change header background color for a blog post?

Comments