Blog Archive Image Header background colour

Illdy
1

How can I adjust the site so that pages using the Blog Archive Image Header just display a solid background colour and no image? I want the subsequent pages to just use a solid background colour like I have set on the Static Homepage by turning of the Jumbotron feature image. Thanks!

2

Hello there,

I hope you are doing well today.

It seems that you want to remove the blog header image, in order to do so, go to Appearance > Customize > Blog Settings and remove the header image from there.

Best Regards,
Support

3

Hi there,
I don’t want to remove that whole block though, I’d like there to be a solid block of colour instead of the image. Is that possible?

4

Hello there,

I hope you are doing well today.

The image is hardcoded into the theme but you can use the following CSS code to overlay a color over the image by going to Appearance > Customize > Additional CSS and pasting it there.

/*Overlay color*/
.blog #header {
    background-color: red;
    background-blend-mode: overlay;
}

Best Regards,
Support