Add to cart button

[angienaija]

How do i change my add to cart button to this color #F3B6B6 with 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

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
.product-form__buttons .product-form__submit {
background: #F3B6B6 !important;
}
</style>

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

[Asad-Mahmood]

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

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

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
.product-form__buttons .product-form__submit {
background: #F3B6B6 !important;
}
</style>

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

[Sajat · Accepted solution]

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.