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;
}
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