Header and Footer Color change

[GenP]

Hi guys,
I tired to change the navbar color following another forum that said to insert the below code in css but nothing changed for me.

.x-navbar {
background-color: #2c3f96;
}

Could you please advise on how to change both header and footer colors?

[jade]

Hey @GenP,

Please try this code in X > Theme Options > CSS:

.x-navbar-inner, 
.x-colophon {
    background-color: #2c3f96;
}

In case the code does not work, please send us the URL of the site in question.

Hope this helps.

[GenP]

Worked perfectly thanks.

How do I do it for the footer?

[jade]

Hey @GenP,

The code above should work for the footer area but in case it does not, please update it to:

.x-navbar-inner, 
.x-colophon.top,
.x-colophon.bottom {
    background-color: #2c3f96;
}

Hope this helps.

[GenP]

Amazing Thank you so much!

[jade]

You’re most welcome, @GenP.

[GenP]

Hey again,

I’m having issues with the footer on lagotacirco.com.

It’s visible in desktop view but not on mobile. (attached).

Could you please check what the issue is?

[Prasant]

Hello @GenP,

Thanks for writing in!

Looks like you have added following CSS code and because body background and footer background color is same, footer is not visible. Please change following code:

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

with

.x-colophon.bottom {
    background-color: #000 !important;
}

Thanks.