Looking to make the add to cart button have a background color pink (F6ADCD), where in the CSS can I

Solved

Looking to make the add to cart button have a background color pink (F6ADCD), where in the CSS can I

benhill97
Tourist
5 0 3

HI there, wanting to make the background colour of my add to cart button pink, how do I do this? 

URL is https://devilsandangels.com.au/products/angels-balm-5ml-stick

Accepted Solution (1)

theycallmemakka
Shopify Partner
1795 436 464

This is an accepted solution.

Hi @benhill97 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__submit {
    background: #F6ADCD!important;
}
</style>

theycallmemakka_0-1720775343319.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Partner
2305 835 907

Hi @benhill97, Your store is password protected

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

benhill97
Tourist
5 0 3

Apologies, have removed the password 

BSSCommerce-HDL
Shopify Partner
2305 835 907

Hi @benhill97

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.quick-add__submit {
   background-color: #F6ADCD !important;
}
</style>

Here is result: 

BSSCommerceHDL_0-1720775255977.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

theycallmemakka
Shopify Partner
1795 436 464

This is an accepted solution.

Hi @benhill97 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__submit {
    background: #F6ADCD!important;
}
</style>

theycallmemakka_0-1720775343319.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

benhill97
Tourist
5 0 3

Thank you for this! Am I amble to make different product pages have a different add to cart button colour?