Jump to content

Changing Footer Text Color w/ CSS

Go to solution Solved by Sea-bot,

Recommended Posts

Posted

Hello!

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

body#collection-65a73df0c859597f9fb82752
    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

          #block-a006dbb69692197ae70e

           #block-27952ff088bf866b82c6

Any help would be appreciated - thanks!

  • Solution
Posted
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;
}

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.