Venture Theme: How to change the color of Add to Cart Button?

bluecat1
Tourist
5 0 3

Hello,

I only want to change the color of the Add to Cart Button on the product page. What Code in which file needs to be edited? I searched the forum, but the solutions seems all old an didn't work anymore.


Thanks for your help.

dmwwebartisan
Shopify Partner
5370 1237 1584

@bluecat1 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

button#AddToCart-product-template {
    border: 1px solid #c04f1d;
    color: #000;
    background-color: #DCDCDC;
}

 

Above you can change the colors of the border, text, and background as per your requirements.

 

Let me know if this works. If it doesn't then please provide your store URL.

Thanks! 

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
16020 1761 5914

@bluecat1 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
bluecat1
Tourist
5 0 3

@dmwwebartisan 

Thank you. This worked nearly. I can change the border and background-color. But the "color" doesn't have any impact, if I change to ffffff it still stays black.

Another question: Is it possible to add an effect if the mouse cursor will move to the button so the button gets slightly darker?

0 Likes