Jump to content

How can I change a button style for an entire colour theme?

Recommended Posts

Hi there!

I'm working on a site where I'd like to add some CSS customization to affect all buttons of a specific color theme. 

For example, I'd like to change the hover colors of primary and secondary buttons, but I'd like to target the light themes and dark themes separately, and not the buttons across the entire website. 

Can anyone please advise me on how to target specific color themes with CSS code (specifically in relation to buttons).

Many thanks!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@floatleft Depending on how you want to assign button styles this may not work, but an easy solution is to use only one type of button in the themes you want to modify and target that button type. 😊 For example, only secondary buttons on hover turn green and those are only used in light and dark themes. 

Was our response helpful? Click  👍 or mark it as the solution! This helps others find the answers they need. 

My name is Meghan and I'm the owner of Westerly Creative Studio, a Bay Area creative force specializing in Squarespace websites and branding foundations. Follow along on LinkedIn or Instagram for more tips, updates, and resources. 

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.