jessicajvernon 0 Posted October 13, 2017 (edited) I've read several threads asking the same question and tested several css codes that were suggested. None of them worked. I just want to make the font size of the "normal" text in my footer smaller- maybe 9 or 10px. I'm using the basil template. Here's what I've tried thus far: #footer { font-size: 0.75em; } #footer { p {font-size: 10px} h1 {font-size: 14px} h2 {font-size: 12px} h3 {font-size: 10px} a {font-size: 10px} } #footer { p {font-size: 10px !important} h1 {font-size: 14px !important} h2 {font-size: 12px !important} h3 {font-size: 10px !important} a {font-size: 10px !important} } Thanks for your solutions! Edited October 13, 2017 by jessicajvernon Initial Revision Share this post Link to post
1 danieljs 10,862 Posted October 13, 2017 Since the footer in Basil is divided into a few sections, you'll need to make sure you're targeting the one your text is in. For example, if you're updating normal text in the bottom footer, this CSS would make that change: #footerBlocksBottom p { font-size: 8px; } If you share the URL for your site, I can try to get you the exact CSS. 1 studiolinear reacted to this Share this post Link to post
1 danieljs 10,862 Posted October 13, 2017 Actually, you could also just capitalize 'footer' to target the whole area: Footer p { font-size: 8px; } Share this post Link to post
1 jessicajvernon 0 Posted October 21, 2017 @danieljs Thanks, but neither of those solutions worked for me. I finally found this snippet that did work:.Footer a, .Footer{ font-size:10px; } Share this post Link to post
0 Awake_Amber 22 Posted October 23, 2018 This worked for me in the Avenue template. THANK YOU SO MUCH!! Share this post Link to post
I've read several threads asking the same question and tested several css codes that were suggested. None of them worked. I just want to make the font size of the "normal" text in my footer smaller- maybe 9 or 10px. I'm using the basil template.
Here's what I've tried thus far: #footer { font-size: 0.75em; }
#footer { p {font-size: 10px} h1 {font-size: 14px} h2 {font-size: 12px} h3 {font-size: 10px} a {font-size: 10px} }
#footer { p {font-size: 10px !important} h1 {font-size: 14px !important} h2 {font-size: 12px !important} h3 {font-size: 10px !important} a {font-size: 10px !important} }
Thanks for your solutions!
Edited by jessicajvernonInitial Revision
Share this post
Link to post