Debut Theme - Button ADD TO CART:Where can I change the hover text color and remove the black border

Store Design
, ,
1

Hi all,

where can I change für Button “Add to Cart” the hover text color to #19100c

and remove the black border (but only for add to cart button), and ONLY when I make hover, the borders dissapear (don’t know if this is possible).

Same for READ MORE Button, that when I hover the borde dissapears…

2

Hello @chumani

Please provide your store URL, so I can review it and provide a solution.

3

Hi @oscprofessional , it’s https://www.chumani-jewels.com/

4

Hi @chumani

Please use this code

.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
    color: #19100c !important;
    border: unset !important;
}
5

Hello @chumani

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

button.btn.product-form__cart-submit.btn--secondary-accent:hover {
    color: #19100c !important;
}
button.btn.product-form__cart-submit.btn--secondary-accent {
    border: none;
}
6

Thank you so much @Dan-From-Ryviu :folded_hands: It works perfect

7

You are very welcome, @chumani

8

Hi @chumani

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
    color: #19100c !important;
    border: unset !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly