Jump to content

Change FONT COLOUR on HOVER for FOOTER navigation

Recommended Posts

Site URL: https://deep-learning-cafe.squarespace.com/

Hi there 

I have two columns of navigation links in my footer - one at center and one on the right.

I would like to change the font color on hover for both columns: center to go from yellow to blue on hover, right to go from blue to yellow on hover.

I've tried so many CSS codes, I'm just not coming right.
password: password123

Thank you!

Edited by IwanJ
Left out some info
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic


//Custom Footer Hover Animations

//Center Column
#footer-sections #block-c8b8e06bb4251545263a a:hover{
color: blue!important;

//Right Column
#footer-sections #block-a07cc8ebb76653972a81 a:hover {
color: yellow!important;

That said, it may not work currently as you appear to have the following code somewhere in your CSS:

#footer-sections a:hover {
    color: #fff !important;

Which may need removing to prevent it.

Hopefully my above CSS is specific enough to override though.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly. Some links may be affiliate/referral links.

You can also thank me by buying me a coffee .

Squarespace Tips & Tricks: @squareskills (Youtube 📺 Tutorials - Resource site coming soon)

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.