Change icons style and position + login/registration pop-up

Hello, Mohamed,

We are pleased to provide you with information regarding the customization of the icons, color, size, and position of the product content effect.

The icons have three possible color schemes: white, black, and transparent. To change the color scheme, please go to XStore >> Theme Options >> WooCommerce >> Shop >> Product Styles and make the desired changes: https://postimg.cc/CBTHBkCs

To change the color and size of the icons, please copy and paste the following custom CSS code to XStore >> Theme Options >> Skin >> Custom CSS and change the color as desired:

.footer-product .button, .footer-product .button.compare, .footer-product .button.compare:hover, .footer-product .by-vendor-name-link, .footer-product .et-wishlist-holder a, .footer-product .show-quickly, .footer-product .xstore-compare, .footer-product .xstore-compare:hover, .footer-product .xstore-wishlist {
    color: orange !important;
}
.footer-product .add_to_cart_button:after, .footer-product .xstore-compare .et-icon, .footer-product .xstore-wishlist .et-icon, .footer-product .button:before, .footer-product .show-quickly:before {
    font-size: 20px !important;
}

To change the position, please select from the options provided under XStore >> Theme Options >> WooCommerce >> Shop >> Product Style >> product content effect: https://postimg.cc/Wt46DNgK

Finally, to change the condition to Off-Canvas, please go to XStore >> Theme Options >> Header Builder >> Account: https://postimg.cc/7G5hkWJB

We hope this information is helpful.

Best Regards,
8Theme’s Team