We would like to know how we could change a button’s color (from black with white text to another combination) when hovering the mouse over it. This is the page so you can get an idea.
Provide the urls or screenshot for better idea.
I wanted the color to change when I hovered over the button. As a solution, it was said that code should be added to the theme.css file, but I can’t find that file.
can you send me your website url.
looks like it called “base.css”
1 Like
@pstdio We guess the solution you are looking for should be for a different theme. The CSS can be in theme.css or style.css which differs in the themes. If you can share the URL of your store we can look into it and provide you solution for it.
First search for - “section-image-banner.css” and add
a.button .button–secondary:hover {
background: green;color: black;
}
I think I’m doing something wrong, it didn’t work 
try this
.banner–desktop-transparent .button–secondary:hover {
background: red;
color: blue;
}
Yes! this time it worked thanks, but there is no change in tha add card and buy now buttons 
You can have add-to-cart and buy button, but it doesn’t have sense to have it in banner.
What will that button do? which product will be added in cart.
I want the change in the shop all button on the home page to be on the add to cart and buy now buttons on the products page. My English is not very good, sorry if there is a lack of communication, please.
find - section-main-product.css
for add-to-card button
button.product-form__submit.button.button–full-width.button–secondary:hover {
background: black;
color: white;
box-shadow: inherit;
}
Buy now button
button.shopify-payment-button__button.shopify-payment-button__button–unbranded:hover {
background: white;
color: black;
}
Ok this time I did it. Thank you so much. If I have any further questions, can I contact you again?