Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing the colour for Header and Footer on one page


Shabeerz

Question

  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0
On 6/13/2021 at 2:04 PM, Shabeerz said:

Site URL: https://chiton-bassoon-6dzg.squarespace.com

Hi everyone, 

I'm looking to change the colour for the header and footer on one page, the 'about' page. I'd like to change it to the inverse of what I've got going for the rest of the site, so black font on a white background, which is the 'Lightest 1' option in the colour palette. 

Any help would be appreciated. 

Thanks

Hi. Your site is private. Can you setup password & share url again? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 6/30/2021 at 5:48 PM, Shabeerz said:

Tuanphan, I've removed the password, you should be able to see it now. 

Thanks
 

Hi. It looks like you solved this? I see black header & white font here.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

 

On 7/2/2021 at 5:28 PM, tuanphan said:

Hi. It looks like you solved this? I see black header & white font here.

Hi Tuanphan, 

Would you know how to do this: "I'm actually looking for White header and footer on the 'about' page with black font, just like the body text. "

Link to comment
  • 0
20 hours ago, Shabeerz said:

 

Hi Tuanphan, 

Would you know how to do this: "I'm actually looking for White header and footer on the 'about' page with black font, just like the body text. "

Add to Design > Custom CSS

/* About page */
body#collection-60b09f85dc1205130b007bec {
	header#header *:not(.btn) {
    color: black;
}
header#header {
    background-color: white !important;
}
footer.sections .section-background {
    background-color: white;
}
footer.sections * {
    color: black !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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