How to change the color of my "add to cart" button

How to change the color of my "add to cart" button

Femobook
Visitor
2 0 1

red button.jpg

 

How could I change the color of "add to cart" button? 

Replies 4 (4)

BSSCommerce-HDL
Shopify Partner
1100 376 447

Hi @Femobook
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1719202362705.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719202367674.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

button.tt-btn-addtocart.addtocart-item-js.thumbprod-button-bg {
    background-color: aqua !important;
    border: aqua !important;
}

 

Here is result: 

BSSCommerceHDL_2-1719202419021.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

Hi @Femobook 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

 

<style>
.tt-product .tt-description .tt-btn-addtocart { background: #759fbc !important; }
</style>

Screenshot 2024-06-24 at 11.26.05.png

 

Best regards,

Dan from Ryviu

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Femobook
Visitor
2 0 1

Hi, Dan,

 

Appreciate it! I tried and it is working. Thank you so much!!

 

Wish you have a nice day.

 

Mujo

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

You are very welcome! 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.