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
January 2, 2021 at 7:34 am
#255185

Aizaz Imtiaz Awan
Keymaster
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.