Add to cart button

Store Design
, ,
1

How do i change my add to cart button to this color#F3B6B6with black text. I use Dawn theme . I had used one of the solutions I found on here and edited my code but not all my product page had the color applied. right now its just white and blends in with the background

Screenshot (338).png
Screenshot (338).png810×479 109 KB

2

Go to your online store → customize → settings → custom css and paste this code there

button#tcustomizer-add {
    background: #F3B6B6;
}

AsadMahmood_0-1722183220800.png
AsadMahmood_0-1722183220800.png492×241 6.78 KB

3

Hello @angienaija

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-form__buttons .product-form__submit { background: #F3B6B6 !important; }

techlyser_web_0-1722183269734.png
techlyser_web_0-1722183269734.png349×244 5.75 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

4

Hi @angienaija

Welcome to Shopify Community.

To change the button color, go to Online Store → Themes → Edit code

Search for the file base.css

Then replace the code

.button--full-width {
  display: flex;
  width: 100%;
}

with

.button--full-width {
  display: flex;
  width: 100%;
  background-color:#F3B6B6;
}

This should do the trick.

Thank you,

Sajat

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.