Refresh theme add to cart button color change

[mjdubarr]

Hi,

I’m obsessed with this new theme and its perfect for my store. I was just curious if its possible to change the color of the quick add button to my theme color instead of the outline. So its more dynamic. Is this possible?

my store: www.melaniejean.com

[Ahsan_ANC]

Hi @mjdubarr you can look in the customizer option there should be an option to make this button style primary. it is currently secondary. If you did not find then you can do this in the theme editor.

[Denishamakwana]

Please add below css in bottom of assets/base.css file

.button–secondary:after {
–border-opacity: 0;
}
.quick-add__submit {
background: darkblue; (give any color code based on your site instead of darkblue)
color: #fff;
}

Thank you.

[GemPages]

Hello @mjdubarr

I would like to give you some recommendations to support you

You can follow these steps:

1. Go to Online Store → Theme → Edit code
2. Open Assets → base.css file
3. Please add css to the bottom of the file

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

[PageFly-Richard]

Hi @mjdubarr .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

.button--secondary:after{
--border-opacity: unset !important;
}
.quick-add__submit{
background-color: aliceblue !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

[mjdubarr]

Amazing!

I tried to change this one as well (product form):

but I couldn’t find the section, even after inspecting. Would you happen to know where I could find it?

[Ahsan_ANC]

you can find that in main-product.liquid. just open up this file and click any where in the editor and ctrl+f then search for this

[mjdubarr]

You’re the best! Thank you.