Jump to content

Barbosa - Make footer the same colour as preceding block

Recommended Posts

Hello All,

I've done a search, and I couldn't find the answer to this question on the forum, but I do apologise in advance if I've missed it being covered elsewhere.

I'd like for the footer in the Barbosa theme to take the background colour of the preceding block, similar to the way that you can make the header take the background colour of the following block. Is this possible ?

Before anyone asks for a link to the site, I don't have one - I've just been messing with the default template - and thus the question applies to that.

RIght now it's a question as to if I use it or not.

Many Thanks in advance for all your time !

Si

Link to comment
  • Replies 8
  • Views 474
  • Created
  • Last Reply
  • 4 weeks later...
6 minutes ago, MDouglas said:

Hello @tuanphan

I would love to make the footer of my site the same as the proceeding block - is this possible?

Thanks in advance.

URL - https://plums-goby-c7a8.squarespace.com/
PWD - opensesame

Very complex.

Or you can set color manually on each page with this code, add to Page Settings > Advanced . Header

<style>
  footer.sections .section-background {
    background: black !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
17 minutes ago, MDouglas said:

Thanks for the reply and suggestion @tuanphan - but that code just allows me to set one colour for the footer across all pages - I would like to change the footer colour/text depending on which page I'm on - do you have any suggestions for that?

Thanks in advance (as always) 🙂

Page Header, not Code Injection Header

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

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.