Jump to content

Target Simple List Button

Go to solution Solved by Vicks,

Recommended Posts

Hi! 

I would like to decrease the letter spacing on the buttons that are present in the List section. I would also like to change the hover effect (from that solid purple to a translucent purple). I've tried a bunch of codes and even inspected the site to try and get the css name but can't get it to budge. Thank you! 

Site: https://grouper-azalea-byr2.squarespace.com/portfolio

password: lara

 

 

Screen Shot 2023-04-26 at 3.23.20 PM.png

Link to comment
  • Replies 1
  • Views 218
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

here is code for the button 

.list-item a.sqs-button-element--primary {
  letter-spacing: 0em !important;
}

.list-item a.sqs-button-element--primary:hover {
  /* notice the 0.5 in the last argument in the hsla, thats alpha, 0.5 means 50% transparent. */
  background-color: hsla(289.41,92.73%,10.78%,0.5) !important;
}

This will update the hover color also.

Edited by Vicks
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...

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.