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

Change color of links on hover, but not buttons

Question

I would like to change the color of hyperlinks on hover, and I've been able to do it, however it also affects the text in buttons.

Is there a way to avoid that?

(Bedford)

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Try adding the following to your custom css area (Design > Custom CSS)

.html-block a:not(.sqs-block-button-element) {
	color: red !important; // standard link color
	&:hover {
		color: blue  !important; // hover color
	}
	&:active {
		color: green  !important; // color link goes when clicked
	}
}

Then insert the colors you need. 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0

Very close, thank you!

I wanted all links (including blog titles) to have the same effect, so I made a tweak, however now it is changing the font color in the banner image button to the text link color.

a:not(.sqs-block-button-element) {
    color: #00A3B0 !important; // standard link color
    &:hover {
        color: #F05123  !important; // hover color
    }
    &:active {
        color: #43403C  !important; // color link goes when clicked
    }
}

Share this post


Link to post
  • 0

A link to your site would make it easier to provide a solution. 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...