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
  • Views 155
  • 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.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

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.