Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing text color when hovering over links in 7.1


Blackbearsfire

Question

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

6 answers to this question

Recommended Posts

  • 0

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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
  • 0

Do you still need help with this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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...