Changing the colour of the subheader background per post page

drobinson2pc · January 2016

Hi,

I currently have the subheader in use and set as a semi transparent background containing the title of each of my blog post pages.

It is set using the global colours within the appearance > betheme options section. Is it possible to set it so that each blog page that uses the sub header can pick a custom colour of the background to the sub header as well as the font colour of the title within the sub header?

Thanks!

Albert · January 2016

Hi,

this can be done with custom css only. If you will give us example link to blog page, we will tell you how to change subheader background per pages.

drobinson2pc · January 2016

Thanks. That would be very helpful.

http://quantifyingbehavior.com/protecting-capital-capturing-alpha-in-times-of-distress

Albert · January 2016

Ok. So to change subheader background per posts, you need to use the following css:

.postid-xxx #Subheader { background-color: rgba(255, 255, 255, 0.5) !important; }

where xxx is post id.

drobinson2pc · January 2016

Ok thanks. And what code do I use to change the font colour within the sub header? I would like to edit both font and background within the same line if possible.

Albert · January 2016

Do you mean title and breadcrumbs colors?

drobinson2pc · January 2016

Yes title and breadcrumbs

drobinson2pc · January 2016

I tried adding a new line replacing background-color with font-colour and just color but neither seemed to work.

Albert · January 2016

You probably have no idea about css rules and that's why it does not work. To change these colors, you need to use the following css:

.postid-xxx #Subheader .title { color: #000 !important; }
.postid-xxx #Subheader ul.breadcrumbs li, .postid-xxx #Subheader ul.breadcrumbs li a { color: #000 !important; }

drobinson2pc · January 2016

Thanks!

Albert · January 2016

You are welcome

Changing the colour of the subheader background per post page

Comments