Re: change text colour on add to cart button

Solved

How can I change the add to cart button text color on Dawn theme?

paule3
Excursionist
29 1 5

I wanted to ask if any one knows how to change the text colour from black to white on the add to cart button on the product page of my shopify site.  I am using the dawn theme. Thankyou in advance. 

Accepted Solution (1)
ExpertRookie
Shopify Partner
1518 249 324

This is an accepted solution.

@paule3 

 

Try this code, but add it to section-main-product.css file

.product__info-container .product-form .product-form__submit {
    background-color: red !important;
    color: white;
}

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Partner
6071 1087 1458

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.product-form__submit {
color: white;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
paule3
Excursionist
29 1 5

hi I have added the code but it is not working as shown in image. Am I doing something wrong.

 

Screenshot (131).png

ExpertRookie
Shopify Partner
1518 249 324

This is an accepted solution.

@paule3 

 

Try this code, but add it to section-main-product.css file

.product__info-container .product-form .product-form__submit {
    background-color: red !important;
    color: white;
}

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.