Docs

[pamelagillie]

Hi,
I am trying tomato the title and text in my footer widgets white and nothing seems to work. Is there another place or dismay CSS wrong? I want the footer background to be a custom color with white text and the bottom bar to be white with custom color text (as shown on site now). The only thing that isn’t correct is the title and text color. Here is my CSS. I will send login separately. Thank you!

.x-colophon.bottom .x-colophon-content p,footer .x-social-global a i {
color: #8fc9c5;
}

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

.x-colophon {
background-color: #8fc9c5 !important;
color: #white !important;
}

[pamelagillie]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
Please add this CSS to make widget text font color to white:

.widget a {
    color: #fff;
}

Hope this helps.

[pamelagillie]

Thank you, it worked! I have a few more questions:

1. What if I want to change the color of the type on hover? I tried this but it didn’t work:

.widget a:hover {
color: #a1a1a1;
}

2. Can I change the font and color of the title of the widgets as well?

Thanks!

[Thai]

Hi There,

Please try with this:

.x-colophon.top .widget a:hover {
    color: #a1a1a1;
}

.x-colophon.top h4.h-widget {
    color: #a1a1a1;
    font-family: "Lato";
    font-size: 22px;
}

Hope it helps 🙂

[pamelagillie]

Hi,
That worked beautifully, thank you! Just one more thing. I have this CSS and it seems to be controlling the size of the footer widget texts that are links. The other texts that are not links aren’t affected by this. What controls the other text size? the URL is scoophouse813.com

Here is the CSS
.widget a {
color: #fff;
text-decoration: none;
font-size: 16px !important;
}

[Paul R]

Hi,

To change font size of text in footer, you can add this in custom > Edit Global CSS

.x-colophon.top .widget,
.x-colophon.top .widget p {
    font-size: 16px !important;
}

Hope that helps

[Author]

Posts