Docs

[kenyamawusi99]

Hi!

I’m trying to do a couple things:

1. Change the nav bar text color to white on the home page only
2. Change the top footer bar color to rgb(255, 42, 19) with white font text
3. Keep the bottom footer color white, but have rgb(0, 83, 164) text color

Thank you!

[kenyamawusi99]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in!

#1] To change the nav bar text color to white on the home page only, please use this custom css

.home .x-navbar .desktop .x-nav > li > a > span {
    color: white;
}

#2] To Change the top footer bar color to rgb(255, 42, 19) with white font text,

.x-colophon.top {
    background-color: rgb(255, 42, 19);
    color: #fff !important;
}

#3] To keep the bottom footer color white, but have rgb(0, 83, 164) text color, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.bottom {
    background: #fff;
}

.x-colophon.bottom,
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li a {
    color: rgb(0, 83, 164) !important;
}

Hope this helps. Kindly let us know.

[kenyamawusi99]

That helped so much!! Thank you!

How would I make the text in the red footer section white?

[Lely]

Hi There,

I can’t see your site at the moment. See attached screenshot. Even the login link says 404 – Not Found.

Although, from above suggestion, please try look for this part:

.x-colophon.bottom {
    background: #fff; /*This is footer background color*/
}

.x-colophon.bottom,
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li a {
    color: rgb(0, 83, 164) !important; /*This is footer font color*/
}

There shouldn’t be red on your footer if that is added correctly. Now I am not sure where the red font color is coming from. Please check your URL so we can access it.

[Author]

Posts