Skip to content

Instantly share code, notes, and snippets.

@farookibrahim
Last active June 24, 2020 07:31
Show Gist options
  • Select an option

  • Save farookibrahim/e77d4077869384411cdbbf89be23a33c to your computer and use it in GitHub Desktop.

Select an option

Save farookibrahim/e77d4077869384411cdbbf89be23a33c to your computer and use it in GitHub Desktop.
Electro - Product Item display add to cart text instead of icon
.products-carousel .owl-item .product .added_to_cart,
.products-carousel .owl-item .product .button,
.section-onsale-product .onsale-product .added_to_cart,
.section-onsale-product .onsale-product .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button,
li.product .added_to_cart, li.product .button {
width: auto;
text-indent: 0;
display: flex;
align-items: center;
color: #fff;
background-color: #fed700;
padding: 6px 16px;
border-radius: 5px;
font-weight: bold;
}
.products-carousel .owl-item .product .added_to_cart::before,
.products-carousel .owl-item .product .button::before,
.section-onsale-product .onsale-product .added_to_cart::before,
.section-onsale-product .onsale-product .button::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button::before,
li.product .added_to_cart::before, li.product .button::before {
padding: 0 !important;
margin-right: 5px;
}
.price-add-to-cart .wc-forward:after {
content: none !important;
}
.products-carousel .owl-item .product .price-add-to-cart,
.section-onsale-product .onsale-product .price-add-to-cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart,
li.product .price-add-to-cart {
flex-wrap: wrap;
}
.owl-item>.product .add-to-cart-wrap .button,
.owl-item>.product .added_to_cart,
.section-onsale-product .onsale-product .add-to-cart-wrap .button,
.section-onsale-product .onsale-product .added_to_cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .add-to-cart-wrap .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .added_to_cart,
li.product .add-to-cart-wrap .button,
li.product .added_to_cart {
width: 100%;
padding: 3px 7px;
background-color: #333e48 !important;
}
.owl-item>.product .button.add_to_cart_button:before,
.section-onsale-product .onsale-product .button.add_to_cart_button:before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .button.add_to_cart_button::before,
li.product .button.add_to_cart_button:before,
li.product .add-to-cart-wrap .button::before {
font-size: 0;
}
.owl-item>.product .add-to-cart-wrap .button,
.owl-item>.product .added_to_cart,
.section-onsale-product .onsale-product .add-to-cart-wrap .button,
.section-onsale-product .onsale-product .added_to_cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .add-to-cart-wrap .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .added_to_cart,
li.product .add-to-cart-wrap .button,
li.product .added_to_cart {
text-indent: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment