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

Femobook · ‎06-24-2024

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

BSSCommerce-HDL · ‎06-24-2024

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

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

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:

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Dan-From-Ryviu · ‎06-24-2024

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>

Best regards,

Dan from Ryviu

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Femobook · ‎06-24-2024

Hi, Dan,

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

Wish you have a nice day.

Mujo

Dan-From-Ryviu · ‎06-24-2024

You are very welcome!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

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

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

Community Blog Articles