Need help to change colour in header

[Sarah_Louise]

How do i get the header to change into a darker colour to match the graphic’s black colour?

Screenshot-2021-07-22-at-21-33-04

[ruenel]

Hello Sarah,

Thanks for reaching out. You are using the Integrity stack with a dark design. The color of the header were code-built in the stack styles. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector and the CSS code is used.

You can see on the left side that the CSS selector and code is:

.x-logobar {
    position: relative;
    overflow: visible;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    background-color: #fff;
    z-index: 1030;
}

If you want to change the background color to black, simply modify the code above and use something like this:

.x-logobar {
    position: relative;
    overflow: visible;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    background-color: black;
    z-index: 1030;
}

You can add the code in X > Theme Options > CSS. Feel free to modify other values as well if needed.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.