Jump to content

change font size in footer only

Recommended Posts

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
  • Replies 4
  • Views 17.3k
  • Created
  • Last Reply

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
  • 1 year later...


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.