CTA button hover color in Debut Theme

Highlighted
Tourist
16 0 1

Hello,

I would like to add a hover color for my "Add to cart" button. I am using the Debut theme. 

Here is my URL: https://dogjoydeals.com/collections/homepage-collection/products/stylish-puppy-dog-jumpsuit-your-pup...

 

Thank you,

Emmanuel

0 Likes
Highlighted
Shopify Partner
3171 697 843

@Emmanuel12 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

button.btn.product-form__cart-submit.btn--secondary-accent.vtl-aa-animated-atc-button.vtl-aa-hover{
background: #fff !important;
color: #000 !important;
}

 

You can change the background and text color above. For example I put background color white and text color black.

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
16 0 1

Hello,

Thank you for this code. However, it seems to only change the color of the main color of the CTA button. I'm sorry if I was unclear but what I am looking for is a code that will change the color of the CTA button when someone hovers over it or clicks it. I would like it to be blue at first and then when someone hovers over it to turn black or something. 

 

Thank you,

Emmanuel

0 Likes
Highlighted

Hey! Try this

.btn:not([disabled]):hover{color:white!important;background-color:black!important}

 

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes