This topic has 12 replies, 5 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp
Hello, please tell me how to make buttons in the catalog and on the slider (add to cart) the same button on the item card. The screenshot https://yadi.sk/i/wviZsKF-g9NSn attached.
Hello,
please specify: do you want to have same ‘Add to cart’ button style for product category pages and single product pages?
Regards,
Stan Russell.
Yes!
Hello,
Please add this code in custom.css file
.etheme_add_to_cart_button{
color:#fff;
}
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
Thanks, but not quite! The inscription itself “add to cart” when you hover poured the green button, but there is just stressed. How to do that? Preferably all the buttons to do so! https://yadi.sk/i/LUc4CmlogBwNE
Hello
You may try this code:
.cart button{
color:white!important;
}
.cart button:hover{
color:transparent!important; -moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
With best regards
Brian Johnson
Hello,
Also please add following code in custom.css file
.etheme_add_to_cart_button:hover{
color:#fff;
text-decoration: underline;
}
Regards,
Robert Hall.
Hello,
please add following code to yours ‘custom.css’ file:
.etheme_add_to_cart_button:hover {
color:white; text-decoration:underline
}
Regards,
Stan Russell.
When you add these codes began to merge button on the item card, and the problem has not disappeared as it was and remained…
Hello,
Please try this one:
.etheme_add_to_cart_button:hover{
color: #fff !important;
text-decoration: underline !important;
}
Thank you.
Regards,
Eva Kemp.
Thank you with the goods issue resolved! But with the usual buttons for search and sorting the prices, nothing has changed., please write the code for them!
Hello,
Please use this code:
input[type="submit"]:hover, .woocommerce.widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
color: #fff !important;
text-decoration: underline !important;
}
Thank you.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up