Home Forums WoodMart support forum How to edit "Add to Cart" Button Size + Hover effect Reply To: How to edit "Add to Cart" Button Size + Hover effect

#255185

Hello,

I saw the screenshot you attached.

To increase the size of the button try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.btns-shop-light .woodmart-hover-standard .woodmart-add-btn>a {
height: 50px;
width: 150px;
}

And to remove the hover icon try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
	content: none!important;
}

Regards.
Xtemos Studios.