Archived topic
Control Color Next to Header Independently of Body Color
3 replies · Started by Joe on April 28, 2018
Hello,
I'm working on a site with a Contained Width header background image, with a logo floating on top of that.
The colour to either side of the header image is controlled by the body background colour, but I would like it to be a different colour to the area that is on either side of the post content.
In other words, in the image below, I want area A to be a different colour to area B.
Can you suggest a way to achieve that, please?
I would:
1. Set the header container to full width.
2. Set the inner header container to contained.
3. Set the header background color to a different color.
Let me know if that does it or not :)
Thanks Tom,
I had tried that, but when I set it like that the header image is aligned left, rather than centred over the content area.
The solution was simple; I just needed to add
.site-header {
background-position: center;
}Thanks again!
You should also be able to set the header alignment in Customize > Layout > Header :)
