Jump to content

Change color of links on hover, but not buttons

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

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. 

Link to comment

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
    }
}

Link to comment
  • 8 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.