How can I change the color of specific buttons without coding?

Store Design
1

Hello! I want to change color for add to card button to #8545FF, but when i do that, other buttons on the page change colors aswell. Im not really familiar with coding, so could someone please help changing color of the button? Thanks!

Visiongenic_0-1642325451356.png
Visiongenic_0-1642325451356.png1263×505 487 KB

1 Like
2

@Visiongenic

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@Visiongenic please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

4

Hi @Visiongenic ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

6

https://visiongenic.com/

7

Hi @Visiongenic

Go in to your theme.css file and find this (ctrl + f = search)

.ca-select {
  text-align-last: center;
  background-image: none !important;
}

Replace that with this code:

.ca-select {
  text-align-last: center;
  background-image: none !important;
  background: #8545ff;
  color: #fff;
}

If this help you, let me know.

8

Hi @Visiongenic ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.dbtfy-collection_addtocart .btn-outline-primary {
    border-color: #8545ff;
    color: #8545ff;
}

Hope it helps!

9

Visiongenic_0-1642428457599.png
Visiongenic_0-1642428457599.png523×615 20 KB

added it to the bottom but unfortunatly nothing changed

10

hey , i cant find the theme.css button and i tried to find the code in theme.liquid and theme.scss.liquid but couldn’t find it there also

11

Hi @Visiongenic ,

Sorry, I don’t understand what you mean. I checked and the code was added successfully, everything is showing fine.

Or do you want this?

Screenshot.png
Screenshot.png1402×345 197 KB

Please change code:

.dbtfy-collection_addtocart .btn-outline-primary {
    border-color: #8545ff;
    background-color: #8545ff;
    color: #ffffff;
}

Hope it helps!