Hello,
To get a result like this http://prntscr.com/n6rs7i you need to add this custom CSS code
.product-view-mask2 .footer-product .by-vendor-name-link:before { content: "\e916"; font-family: 'xstore-icons'; color: white; font-size: 14px; } .product-view-mask2 .footer-product .by-vendor-name-link { font-size: 0; }
Here is a list of our icons https://xstore.8theme.com/xstore-icons/ OR https://fontawesome.com/v4.7.0/icons/ –
.product-view-mask2 .footer-product .by-vendor-name-link:before { content: "\f2dd"; font-family: FontAwesome; color: white; font-size: 14px; } .product-view-mask2 .footer-product .by-vendor-name-link { font-size: 0; }
http://prntscr.com/n6rtt9
Also this code:
.etheme_products .product-view-mask2 .footer-product .pre_order_loop, .products-slider .product-view-mask2 .footer-product .pre_order_loop { font-size: 0; padding: 8px 0; } .etheme_products .product-view-mask2 .footer-product .pre_order_loop:hover, .products-slider .product-view-mask2 .footer-product .pre_order_loop:hover { background: #333333; } .etheme_products .product-view-mask2 .footer-product .pre_order_loop:before, .products-slider .product-view-mask2 .footer-product .pre_order_loop:before { content: "\f2dd"; font-family: FontAwesome; color: white; font-size: 14px; } .etheme_products .product-view-mask2 .footer-product, .products-slider .product-view-mask2 .footer-product { bottom: 0rem; }
will get a great result where you are using [8THEME] Products element.
Regards
