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

Can you share your website URL? Thanks!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (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 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (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.