How to change the color of add to cart button? Theme - Trade

Solved

How to change the color of add to cart button? Theme - Trade

DC1
Excursionist
21 0 9

Hello,

 

Can someone please tell me how to change the color of Add to Cart button for Trade theme?

DC1_0-1729817534193.png

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10072 2005 2055

This is an accepted solution.

Code update

.product-form .product-form__submit {
    background: #001128;
    color: #fff;
}

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
10072 2005 2055

Hi @DC1 

Could you share your store link so I can check? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DC1
Excursionist
21 0 9
Dan-From-Ryviu
Shopify Partner
10072 2005 2055

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.product-form .product-form__submit {
    background: #000;
    color: #fff;
}

Screenshot 2024-10-25 at 08.21.20.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DC1
Excursionist
21 0 9

Hi, Is this same color as the VIEW ALL button?

Dan-From-Ryviu
Shopify Partner
10072 2005 2055

This is an accepted solution.

Code update

.product-form .product-form__submit {
    background: #001128;
    color: #fff;
}

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DC1
Excursionist
21 0 9

Thank you very much!! 

DC1
Excursionist
21 0 9

Can i ask you one more question? my add to cart button is not working properly. It keeps on loading and doesn't add product to the cart.