Jump to content

Changing text color when hovering over links in 7.1

Recommended Posts

Site URL: http://ghostrightdesign.com

I have designed multiple sites on previous versions of Squarespace and was super disappointed to find out that 7.1 no longer supports changing the color of a link when hovering over in the navigation menu or in the main content of a page.

This seems like such a basic function that has been available on practically every site I've ever designed or visited.

Does anyone know an easy fix for this? I'm not super code savvy.

Thanks!

Edited by Blackbearsfire
Link to comment

Add to Home > Design > custom CSS

/* Page content link color */
#page a:hover {
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important;
    color: red;
}

 

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

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
  • 3 months later...
On 8/23/2020 at 4:22 PM, tuanphan said:

Add to Home > Design > custom CSS


/* Page content link color */
#page a:hover {
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important;
    color: red;
}

 

Used this code for the same purpose mentioned above! Thanks a lot! However, the change affects the buttons too. Additionally, it affects the "back to top" as well. Looking for a way to fix this Highly appreciate your help! Thanks a ton! 

My site id : aishwaryabalasankar.com 

Screenshot (393).png

Screenshot (394).png

Screenshot (396).png

Screenshot (397).png

Link to comment
  • 1 month later...
On 12/20/2020 at 2:15 PM, Aishwarya said:

Used this code for the same purpose mentioned above! Thanks a lot! However, the change affects the buttons too. Additionally, it affects the "back to top" as well. Looking for a way to fix this Highly appreciate your help! Thanks a ton! 

My site id : aishwaryabalasankar.com 

Screenshot (393).png

Screenshot (394).png

Screenshot (396).png

Screenshot (397).png

@tuanphan I have the same problem. Would appreciate with some help, thanks in advance!!

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.