- This topic has 8 replies, 2 voices, and was last updated 4 years, 11 months ago by Andrew Misplon.
Tagged: footer size social links text
- AuthorPosts
- November 3, 2019 at 7:19 am #13444
rinoa3108ParticipantHello,
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
JudyNovember 3, 2019 at 10:41 am #13447
Andrew MisplonKeymasterHi 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.
November 3, 2019 at 10:47 am #13448
rinoa3108ParticipantHi 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?November 3, 2019 at 10:50 am #13449
Andrew MisplonKeymasterGlad that helped a bit, please, add:
.site-footer .bottom-bar a { font-size: 15px; }
November 3, 2019 at 11:48 am #13452
rinoa3108ParticipantHi Andrew,
The word “Wellness Eyecare” increased in size, but the word “email” remained the same size. Almost there!
JudyNovember 3, 2019 at 11:56 am #13453
Andrew MisplonKeymasterIn 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 example15px
.November 3, 2019 at 12:15 pm #13454
rinoa3108ParticipantHi 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;
}November 3, 2019 at 12:23 pm #13455
Andrew MisplonKeymasterThanks, change
.site-footer .bottom-bar a { font-size: 50px; }
to
.site-footer .bottom-bar a[href^="mailto"] { font-size: 50px; }
November 3, 2019 at 12:34 pm #13456
Andrew MisplonKeymasterHi, 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 🙂
- AuthorPosts
You must be logged in to reply to this topic.