Reply 151640 to: Hot to customize buttons' colour?

Avatar: 8theme
8theme
Support staff
January 12, 2017 at 08:53

Hello,

Sorry for inconvenience. Here is a code example that demonstrates how you can edit these colors

/* Wishlist and Cart buttons hover */
.et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist:hover,
.shopping-container .btn-view-cart:hover{
	background-color: #yourColor !important;
}

/* Heart as background in sale label */
.content-product .sale-wrapper.with-percentage .sale-value{
	background: url(http://www.nobbymart.com/wp-content/uploads/2017/01/breadcrumb_6.png); /* we use heart from breadcrumbs */
    border-radius: 50%;
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
    width: 4.4rem;
    height: 4.2em;
}

/* Button hover on wishlist page */
.woocommerce table.wishlist_table td.product-add-to-cart a:hover{
	background-color: #yourColor;
}

/* Button hover on single product page */
.single_add_to_cart_button:hover{
	background-color: #yourColor !important;
} 

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.