Jump to content

Hyperlinks not changing colors when I apply code with CSS

Go to solution Solved by tuanphan,

Recommended Posts


I need some help with the 3 hyperlinks on my home page under the "what I offer" text not changing color when I apply the code. Only the text style changes to italic on hover but NOT the color. Anything I can do to fix this?

Already reached out to SS support but they said they can't assist with custom code 😞

This is the code I am using:

h3 a:hover {
    font-style: italic;
    color: #BFA28A !important;
Link to comment

@iMayra It looks like there's a span class happening inside the a tag that is overriding the color... so yes @tuanphan's solution should work.

However, if you JUST want to target those three links and not any other H3s on your homepage, I would recommend giving the column or the row an ID and then using that to target the containing div H3s... or targeting the span class, like this:

h3>a:hover>.sqsrte-text-color--custom {
    font-style: italic;
    color: #BFA28A;
Link to comment
  • 2 weeks later...

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.