Footer Color Help

[lbible312]

I am trying to change the footer color on my site to match the header color. I changed in custom colors, but it isn’t changing the blue to the correct color.

[Prasant]

Hello @lbible312,

Thanks for asking.

There are couple of element’s I see in your website. I am sharing few solutions and depending on requirement you can use any of them:

• Mimic top bar background color in footer, add following CSS under X > Theme Options > CSS:

.x-colophon.bottom {
    background-color: #0d2a56;
}

• Mimic nav bar background color in footer, add following CSS under X > Theme Options > CSS:

.x-colophon.bottom {
    background-color: #c8d0d6;
}

• If you would like to change the footer link color, then add following CSS under X > Theme Options > CSS. For background color, you can use code from above:

.x-colophon.bottom a, .x-colophon.bottom .x-colophon-content {
    color: #0d2a56;
}

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Thanks.