Jump to content

Assigning themes to the footer section for separate pages

Recommended Posts

  • Replies 10
  • Views 390
  • Created
  • Last Reply

Hi tuanphan. Yes that's correct but hoping to get it to match a certain colour theme. Guessing it might not be possible to do that and will need custom css for each section?

Basically want to have the footer match the colour of the content page.

Thanks,

Link to comment
10 hours ago, Billy1996 said:

Hi tuanphan. Yes that's correct but hoping to get it to match a certain colour theme. Guessing it might not be possible to do that and will need custom css for each section?

Basically want to have the footer match the colour of the content page.

Thanks,

Add this to Page Header (Hover on page on Main Navigation or Not Linked > Click Gear Icon to open Page Header)

<style>
  footer.sections .section-background {
    background-color: red !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
  • 4 weeks later...

Hey, just tried creating a code for the footer, but it didn't work:

 

 

.footer.sections:hover>a { 
  color: turquoise !important;
  section-background: none !important;
}

 

 

I would like to change the color of the Footer Sections when hovering over them, just like in the Navigation menu:

 

www.soulmaidjewelry.com

Link to comment
On 5/3/2021 at 7:07 AM, Juelz said:

Hey, just tried creating a code for the footer, but it didn't work:

 

 

.footer.sections:hover>a { 
  color: turquoise !important;
  section-background: none !important;
}

 

 

I would like to change the color of the Footer Sections when hovering over them, just like in the Navigation menu:

 

www.soulmaidjewelry.com

Add to Design > Custom CSS

/* change footer background on hover */
footer.sections:hover .section-background {
    background-color: green;
}

 

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
On 5/5/2021 at 6:38 AM, Juelz said:

That changed the whole footer green.
Is there a way to only change the font color of the respective link/section (shipping & returns, privacy policy) to change color when hovering?

 

 

Screen Shot 2021-05-05 at 1.37.01 AM.png

You mean

  • Hover footer >> change all links color
  • OR Hover link >> change link color?
  • or..?

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.