Jump to content

list section button css

Go to solution Solved by Ziggy,

Recommended Posts

Hi, I'm trying to give all buttons on a client's site a hover effect and I have all but the list section buttons - not the individual items, but the overall section.

 

image.thumb.png.d1152b095104f5b55ee4ee263c9ade5a.png

 

It's a simple list section, and I've tried so many variations of the below as well as others I've found, including just .list-section-button. Nothing seems to work.  

.user-items-list-simple list-section-button:hover
{color: black;
   background-color: #6AEFAB;
   }

 

Any help is appreciated! Thank you!

Link to comment
1 hour ago, angelaw said:

.user-items-list-simple list-section-button:hover
{color: black;
   background-color: #6AEFAB;
   }

This code has an error, so we can try that fix first:

.user-items-list-simple .list-section-button:hover {
  color: black;
  background-color: #6AEFAB;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment
  • Solution

Chances are that hasn't worked, but you should be able to affect "secondary buttons" which that one is by adding this:

.secondary-button-style-solid .sqs-button-element--secondary:hover {
  color: black;
  background-color: #6AEFAB;
}

Let me know if that works for you.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

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.