changing size of the footer font and footer social links

Hi Judy

Customize > Theme Design > Bottom Bar to change the bottom bar text size. In Additional CSS add:

.bottom-bar-menu .menu li a:before {
    font-size: 25px;
}

And adjust the font size there to change the social icon size.

Hi Andrew,
I very much appreciate the quick response.
The icons change size with the CSS but the word ’email’ remains the same size (next to the social icons). Can this word change size?

Glad that helped a bit, please, add:

.site-footer .bottom-bar a {
font-size: 15px;
}

Hi Andrew,
The word “Wellness Eyecare” increased in size, but the word “email” remained the same size. Almost there!
Judy

In your custom CSS there isn’t a value listed:

.site-footer .bottom-bar a {
    font-size: px;
}

px would need to change to a value before the unit of measurement. For example 15px.

Hi Andrew,

When I add in a value to the below code, nothing changes:

/* Bottom Bar Social Links Menu */

#colophon .social-links-menu ul li a:before {
font-size: 2rem;
}

When I add in a value here, the “Wellness Eyecare” changes size.

.site-footer .bottom-bar a {
font-size: 20px;
}

Thanks, change

.site-footer .bottom-bar a {
font-size: 50px;
}

to

.site-footer .bottom-bar a[href^="mailto"] {
    font-size: 50px;
}

Hi, the forum doesn’t support email replies at the moment. Please, copy CSS snippets from the forum directly. Characters will get incorrectly formatted via email. Thanks 🙂