Change color of specific buttons

Solved
LucesVerdes
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
Jasoliya
Shopify Expert
4260 569 1063

Hi @LucesVerdes 

Send me your store url 

 

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

Hi, Jasoliya,

 

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

0 Likes
OTM
Shopify Expert
667 170 243

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!
LucesVerdes
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
OTM
Shopify Expert
667 170 243

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!
LucesVerdes
Tourist
4 0 0

Thanks a lot @OTM worked really well!

0 Likes
RuvimAAA
Tourist
8 0 1

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
Ellenfilzi
Tourist
9 0 0

Hi, i was wondering if you also know a code to change the “view all” button color for the blog page. The view all button is on the home page and if you click on view all you go to view all the blog pages. I know you can change the colors when you click on customize theme, but then all buttons change in the same color. So is there a code for this too? Thank you

0 Likes
Jasoliya
Shopify Expert
4260 569 1063

send me store url 

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