Jump to content

Changing Footer Text Color w/ CSS

Go to solution Solved by Sea-bot,

Recommended Posts


I have learned how to address the background color of a footer on a single page through the following code:

    footer.sections .section-background {
        background: #655A3F !important;}

However, my attempts at addressing the font color in the footer have been unsuccessful. Changing the color in the Site Styles changes the color on all pages.

Perhaps I need to address the section or the block specifically, rather than through the collection ID?

Footer: section[data-section-id="65a1f2d695b4b46f5aa5a3b4"]

Text: #block-70ac6510d8a84889615e



Any help would be appreciated - thanks!

Link to comment
  • Solution
On 1/25/2024 at 12:02 AM, tuanphan said:

With text, use this 

section[data-section-id="65a1f2d695b4b46f5aa5a3b4"] * {
	color: #f1f !important;


Thanks @tuanphan you are a legend. I didn't try this code, because the code you sent me in a different thread worked perfectly. Although I am sure this one would work just fine.

Here's the other code that worked for anyone looking:

body#collection-65aeef23d9a9cf7135fc8ad3 footer.sections * {
    color: #f1f !important;
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.