Re: Change add to cart button on empire theme

Change add to cart button on empire theme

RySid
Excursionist
23 0 5

Hi!

I'm looking to change my add to cart button color on the empire theme.

Screen Shot 2022-07-25 at 6.38.23 PM.png

I want to be able to use a specific hex color and make the text of the add to cart white. If you need the link to the store, let me know!

 

Thanks

Replies 5 (5)

AvadaCommerce
Shopify Partner
3879 839 982

Hi @RySid,

 

You can change color by these steps: 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

AvadaCommerce_0-1658796458039.jpeg

 Then add this code below : 

.btn--add-to-cart {
background: gold;
border: none;
color: white;
}

 

- You can change the color you expect by replacing the word white in the code. Finally, click Save to save your change successfully.

 

I hope this helps. 

banned
RySid
Excursionist
23 0 5

Thank you for the reply, is there any way to instead make it a specific color using a hex color code? I want to get a specific color of pink if possible. Thanks!

AvadaCommerce
Shopify Partner
3879 839 982

Hi @RySid ,

 

Just change the white code to pink code on that 

 

Have a nice day.

banned

Denishamakwana
Shopify Partner
1408 173 231

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

eFoli-Marvic
Shopify Partner
223 40 39

@RySid Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

Marvic | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants