How to change colour of buttons in Sense theme?

Store Design
, ,
1

How to change the colour of buttons, variant pills buy now and add to cart button in Sense theme?

I am able to create new colour schemes and edit them but I could not apply them to the store

2

Hi @david09 ,

Would you mind to share your URL website? with password if its protected. Thanks!

3

Hey there! I was able to change the color of the add to cart and buy now button ..Now I only need to change the colour of the variant pills

https://a4f67d-2.myshopify.com/products/classic-brick

I want to change the colour of the variant pills from black to #3e5ff9

4

Thank you fro the information, would you mind open the inspect tool. So I can give you the code design on that button. thanks!

5

https://dreampaper.in/products/classic-brick?variant=45764039835930

Screenshot_2023_07_27-4.png
Screenshot_2023_07_27-4.png1077Ă—1259 129 KB

When I change the text colour of my accent to blue..everything becomes blue..I only want the variant pills to be blue and the rest of the text(description and title) can be black

Screenshot_2023_07_27-5.png
Screenshot_2023_07_27-5.png2447Ă—1187 368 KB

6

Hi there, Thank you for unable the inspect tool. Try this one. You can change the color but be sure not to delete more. Also Im not sure which blue you like to use.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.product-form__input input[type=radio]:checked+label {
    background-color: blue;
}
button#ProductSubmitButton-template--19993821020442__main {
    background: blue;
    color: white;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    background-color: blue;
}

Result:

Ribe_Dagandara_0-1690483338864.png
Ribe_Dagandara_0-1690483338864.png587Ă—538 23.3 KB

I hope it help.

7

In my Sense theme I could only find base.css

I want the add to card button to stay white, buy i now button to be 3e5ff9

and the variant pills also to be 3e5ff9