Change add to cart text colour - PRESTIGE theme

Solved
lkdrumhirk
Tourist
5 0 5

Hi,

I would like to change the text colour on the add to cart button to hex DDBB8B

The text colour changes to this on hover but i would like it to display this colour as standard.

 

https://www.hanrattyjewellers.com/products/citizen-mens-promaster-diver-eco-drive-blue-strap-watch-1...

site not live - password to view - JOLENE456

lkdrumhirk_0-1620656447301.png

 

KetanKumar
Shopify Partner
20534 2123 7743

This is an accepted solution.

@lkdrumhirk 

sorry for this issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.ProductForm__AddToCart {color: #DDBB8B;}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
7368 1746 2332

This is an accepted solution.

@lkdrumhirk 

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

 

.ProductForm__AddToCart {
    color: #DDBB8B;
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
lkdrumhirk
Tourist
5 0 5

thanks so much, if I want to change the background colour (the button itself) to a different hex colour what line do I use?

Natztech
Shopify Partner
1385 389 943

This is an accepted solution.

hello @lkdrumhirk   if I want to change the background colour (the button itself) to a different hex colour  you can use following code and then you change value of  background-color yourself 

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

 

.ProductForm__AddToCart {
   
    background-color: #6f5a3f;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
KetanKumar
Shopify Partner
20534 2123 7743

@lkdrumhirk 

yes you can do it just change the Hexa code 

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 Partner | 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
theithei
Tourist
3 0 0

Hi,

I am also using Prestige and this is not working for me.

It changes the color of the add to cart button for the first page when displaying a product one the front page - but there is no change on the product page itself.

What do I do?

0 Likes
Natztech
Shopify Partner
1385 389 943

hello @theithei 


Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
theithei
Tourist
3 0 0

Hi, my website is: https://www.pulseofart.de/ (no password).

 

On the first page I display "1x Kartenständer aus Holz" and the "Add to Cart" Button (In German: Zum Warenkorb hinzufügen) is grey.

If you visit any product page (for example: https://www.pulseofart.de/collections/grusskarten/products/grusskarte-papa) the "add to cart" button is grey.

 

I want both of these colors changed to the same green color (#539E3C).

 

Thank you in advance for your help!

0 Likes
Natztech
Shopify Partner
1385 389 943

hello @theithei 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.ProductForm__AddToCart::before {
    background: #539E3C !important ;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store