Help with code for add to cart button

[selfcareskin]

I need help with the code to make just the ADD TO CART button background hex code - FC9DB9 and the text for the ADD TO CART button to be hex code #fffff

shop link - https://selfcareskinstudios.com/collections/shop-all

[qasim-devloper · Accepted solution]

Hey @selfcareskin I will be very happy to help you.

In order to change the background color and text color of the Add to cart button then please paste this code in the end of base.css theme file.
Here is how you can find base.css file.

1. Go to Shopify admin.
2. Click on Online Store.
3. Click on three dots of the theme where you want to make change.
4. After clicking on three dots now click on "Edit Code".
5. In the Edit code search bar search for "base.css" file.

In the end of base.css file paste the following code.

.quick-add__submit{
    background: #FC9DB9 !important;
    color: white !important;
}

After that it look like this.

If this was helpful please don't forget to like it and mar as Solution.

Thanks

[selfcareskin]

Thank you! Can you help me do the same for the individual product pages? EX - https://selfcareskinstudios.com/products/5-advanced-acne-med

White for the background and #FC9DB9 for the writing 

[CodingFifty]

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

button#ProductSubmitButton-template--22357933916442__main {
    background: white !important;
    color: #FC9DB9 !important;
}

[qasim-devloper]

Sure in order to make "Add to cart" button color "#FC9DB9" and change background to white then you need to paste this code in the end of base.css file. I will apply on just product page.

Here is code:

.product-form__submit {
    background: white !important;
    color: #FC9DB9 !important;
}

[CodingFifty]

Hi @selfcareskin,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.quick-add__submit{
    background: #FC9DB9 !important;
    color: #fff !important;
}