Change color of specific buttons

Solved
Highlighted
Tourist
4 0 0

Hi all,

 

I'm trying to change the color of certain buttons on my website. One of them is de Add to cart button color. I want the outline to be #41a85f color. Is that possible? If I know where to be in the code I'm confident enough to edit it. Furthermore, I want the cart button in the header to also have that color. Where can I find that?


Any help is welcome!

 

Thanks in advance :)

0 Likes
Highlighted
Shopify Expert
3900 559 936

Hi @LucesVerdes 

Send me your store url 

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
4 0 0

Hi, Jasoliya,

 

Our store is still locked, but we use minimal theme does that help?

0 Likes
Highlighted
Shopify Expert
667 170 233

This is an accepted solution.

Hi, @LucesVerdes ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

#AddToCart {
    color: #41a85f;
    border-color: #41a85f;
}

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Tourist
4 0 0

Thanks a lot @OTM, I was able to apply it and it worked! Would you also know how I can change the cart button color in the header?

 

Thanks in advance

0 Likes
Highlighted
Shopify Expert
667 170 233

This is an accepted solution.

Sure, add this code:

 

.cart-page-link .icon-cart {
  color: #41a85f;
}
.cart-page-link {
  color: #41a85f!important;
}

 

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Tourist
4 0 0

Thanks a lot @OTM worked really well!

0 Likes
Highlighted
New Member
5 0 0

Hey @OTM how could I change the color of the button and object like shown in the picture attached of circled items without changing the entire theme settings of the store? I want to keep the button and object white with grey text but if I change it in theme settings it changes the color of every button and object as well. If I try to keep everything in the blue color the button and object disappear into the picture as shown in the second picture. Is it possible to do this or not? If so, can you help?

White Button and ObjectWhite Button and ObjectBlue Button and ObjectBlue Button and Object

0 Likes