Jump to content

Button hover arrow colour settings

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://psygaia.org/microdosing-course

Hi there, I recently found this custom css that adds a little arrow to the button, which is great. However, I am having issues with the colour of the arrow. I need the button to change colour, like the text in the button, so that when hovering, the arrow becomes black and we can see it.

.sqs-block-button .sqs-button-element--primary:after {
  width: 20px;
  height: 15px;
  margin-left: 15px;
  background: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/66de25785e74a84e10708c23/1725834616316/arrow_icon.png) center center no-repeat;
  filter: invert(1);
  background-size: contain;
  content: "";
  vertical-align: middle;
  transition: ease-in-out all 0.2s;
}

Thanks!

Link to comment
  • Replies 2
  • Views 561
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.