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-127 site not live…

@lkdrumhirk sorry for this issue can you please try this Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second .ProductForm__AddToCart {color: #DDBB8B;}

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

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 { b…

@lkdrumhirk yes you can do it just change the Hexa code

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?

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.

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/gr…

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 ; }

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance

Change add to cart text colour - PRESTIGE theme

Store Design

dmwwebartisan May 10, 2021, 2:29pm 3

@lkdrumhirk

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

.ProductForm__AddToCart {
    color: #DDBB8B;
}

Thanks!

Topic		Replies	Views
How can I alter the color of my Add to Cart button on the Prestige theme? Store Design	9	73	August 12, 2022
How can I change the color of only the 'Add to Cart' button in Prestige theme? Store Design	5	49	June 12, 2023
Prestige theme - Add to cart button + change colour Store Design	10	105	August 11, 2022
How can I change the color of my 'Add to Cart' button on Prestige theme? Store Design	12	128	February 20, 2023
Change the add to cart button colour prestige theme old theme not 2.0 Store Design design , cart-page , shopify-themes , product-page	3	34	June 21, 2024

Change add to cart text colour - PRESTIGE theme

Related topics