How to make the add to cart button filled (dawn theme)

Store Design
, ,
1

I’d like to get the ‘buy now’ (add to cart button) filled rather than being outlined (as sketched on the attached image).

My website is https://ortho-cushion.com/products/back-relief-lumbar-pillow

I am using Dawn theme.

Please tell me what I need to do to get this result.

Thank you

Screenshot 2023-03-02 105414.png
Screenshot 2023-03-02 105414.png960×662 34.2 KB

2

Hi,

Please go to theme.css and paste this code:

.product-form__submit {
background-color: blue;
color: white;
}

Change background colour to whatever you want & color will change the colour of a text.

3

@BraxtonEcom

  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 {
    background-color: #004aac;
    color: #fff;
}
2 Likes
4

Hi @BraxtonEcom

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.product-form__submit {
    background-color: #004aac;
    color: #fff;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

5

Thanks for sharing. I’m also facing this issue.