- This topic has 8 replies, 2 voices, and was last updated 4 years, 5 months ago by
.
- Posts
Hello,
Is there a way to change the font size of the footer, and also the social links on the footer? I would like to make them bigger. Thanks
JudyHi 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?Hi Andrew,
The word “Wellness Eyecare” increased in size, but the word “email” remained the same size. Almost there!
JudyIn your custom CSS there isn’t a value listed:
.site-footer .bottom-bar a { font-size: px; }pxwould need to change to a value before the unit of measurement. For example15px.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; }
You must be logged in to reply to this topic.