[Resolved] Control Color Next to Header Independently of Body Color

Home Forums Support [Resolved] Control Color Next to Header Independently of Body Color

Home Forums Support Control Color Next to Header Independently of Body Color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #562466
    Joe

    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.

    https://www.dropbox.com/s/j2alqqugj9vnb32/Screenshot-2018-4-28%20GeneratePress%20Color%20Query.jpg?dl=0

    Can you suggest a way to achieve that, please?

    #562633
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #563585
    Joe

    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!

    #563905
    Tom
    Lead Developer
    Lead Developer

    You should also be able to set the header alignment in Customize > Layout > Header ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.