Docs

[goalsarecool]

Can you please tell me how to change the color of the text in the footer of my site only?

links = #ffffff and then turn #000000 upon hover
Text = #ffffff

Podcast

[Thai]

Hi There,

Please try with this CSS:

.x-colophon.bottom .x-nav li a,
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-social-global a {
    color: #fff;
}
.x-colophon.bottom .x-nav li a:hover,
.x-colophon.bottom .x-social-global a:hover {
    color: #000;
}
/* change the footer background color if you want */
.x-colophon.bottom {
    background: #333;
}

Hope it helps 🙂

[goalsarecool]

How do I change the size of the social icons? I want to make them bigger and circles vs. squares

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-social-global a i {
    font-size: 40px;
    background: lavender;
    padding: 10px;
    border-radius: 50% 50%;
}

Hope that helps

Joao

[Author]

Posts