How to change the color of the 'add to cart' button on Dawn theme?

Store Design
, ,
1

Hi everyone!

I am trying to change the color of the “add to cart” button in the product page on my site, I am using Dawn theme. I modified the css code in the “base.css” file and if you are from PC the color is actually changed but if you are from a mobile device it is the default one.

The link to the site is this: hauslyfe.it

The site is in Italian.

Can anyone help me?

2

@Master5723

Please paste the below CSS at the bottom of the file base.css.

body .product-form__submit {
    color: #121212 !important;
    background-color: #e7d8c6 !important;
    font-weight: 500 !important;
}

Don’t forget to like and accept the solution. Contact for more queries.

Thanks

3

@Sweet_Savior_3

Hi! I tried the code but i don’t see any change on the site from mobile, is it possible that it is a problem with my browser cache?

4

@Master5723

I am not able to see where you added the code.

Please paste the given code in base.css or section-main-product.css file.

https://prnt.sc/8Y9qiGd5jhIh

Thanks

1 Like
5

Hey @Master5723

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695569985513.png
Moeed_0-1695569985513.png390×695 34.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
6

It works, what should I do if I want to change the color of the text in #121212?

7

Hi @Master5723

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.product-form__submit {
    color: #121212 !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

1 Like