Docs

[elevatedconversions]

Hi, Support.

I’ve been trying to figure this out for the last hour and it’s too frustrating to continue to guess in the customizer…

…How do you change the footer text colors? I can change the background color in layout and design, but don’t know how to change the text colors?! I want them to be black against the white, obviously. The hover colors are set right and they are there as you can see here: http://screencast.com/t/1qrwBxjHe

Please let me know how to fix this.

Thanks,

My site is: http://www.elevatedconversions.com/

but don’t know if that matters.

-Ryan

[Friech]

Hi Ryan,

Thanks for writing in! The site is in under construction mode, please provide us login credentials in private reply so we can take a closer look.

In the mean time you can try adding this under Custom > CSS in the Customizer.

footer.x-colophon.bottom .x-nav li a,
footer .x-colophon-content p {
    color: #000;
}

Hope it helps, Cheers!

[elevatedconversions]

This reply has been marked as private.

[elevatedconversions]

The code worked, but only for the Menu…There is also the Copyright of the site that is not showing up…

[Friech]

Hi Ryan,

You can update the code to:

footer.x-colophon.bottom .x-nav li a,
footer.x-colophon.bottom .x-colophon-content {
    color: #000;
}

Hope it helps, Cheers!

[elevatedconversions]

Great.

Two more things.

The footer social media options still aren’t showing up, so I’ll need to add those, too.

Also, I’d like the additional code for the widget area options, in case I’d like to add that soon down the road – which I probably will.

Thanks!

-Ryan

[Paul R]

Hi Ryan,

The social media icons are there but the color is white so it isn’t visible.

You can add this under Custom > CSS in the Customizer.

/* change social media color in footer */
.x-colophon.bottom .x-social-global a {
    color:#000;
}

`

With regards to footer widgets, may I know what you mean by additional code.

Thanks

[elevatedconversions]

Thanks, Paul.

I mean the footer widgets also not being white and showing up. They are white when I add them. Although, I don’t have them activated now. But, upon testing them and adding them, they are white.

Thanks,

-Ryan

[Christopher]

Hi there,

Are you referring to font color or background color of widget areas?

Please add this:

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

If you’re referring to font color, please add some widgets so we can provide you with appropriate CSS code.

Thanks.

[Author]

Posts