jessicajvernon Posted October 13, 2017 Share Posted October 13, 2017 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! Link to comment
Jo_SQSP Posted October 13, 2017 Share 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. Link to comment
Jo_SQSP Posted October 13, 2017 Share Posted October 13, 2017 Actually, you could also just capitalize 'footer' to target the whole area: Footer p { font-size: 8px; } Link to comment
jessicajvernon Posted October 21, 2017 Author Share 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; } Link to comment
Amberlight Posted October 23, 2018 Share Posted October 23, 2018 This worked for me in the Avenue template. THANK YOU SO MUCH!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.