Jump to content

How to use custom colour for button in Store "Purchase" and Header button?

Go to solution Solved by abibacon,

Recommended Posts

Hello,

I would like to ask you for advice how could I update the colour of the Purchase and Header buttons across my web site? 
Is it possible to use custom colour which is different from what is specified in colour pallet for my website?

The button within Header is changing colour based on background (I guess). Is it possible to define both colours? 

Thank you very much for your time to help me. 🙂

Web Site URL: https://www.slovakspots.com/shop/p/gas-station-i

Password: Ulicajekrasnydom

Snímka obrazovky 2024-09-20 o 14.09.01.png

Snímka obrazovky 2024-09-20 o 14.09.31.png

Link to comment
  • Replies 4
  • Views 272
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Hey @GregOvens, if you don't want to set these in your site styles you can use the below css.

CTA Button

#header .header-actions-action--cta .btn {
  background: blue;
}

Purchase Button

.product-details .sqs-add-to-cart-button  {
  background: blue;
}

 

Squarespace Developer based in Hampshire, England

If you'd like to make a contribution for my time you can Buy Me A Coffee.

Reach out for Custom Coding - abibacon.com

Developer & Support Specialist at will-myers.com (Affiliate Link)

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.