Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Tony Rodriguez

Mohamed

Participant

January 27, 2023 at 16:09

Hello

First question
i need to change color, size and position of this icons https://prnt.sc/xif3o5cShj8b

Second question
When you click on login/registration in the top header menu, you will be taken directly to My Account page but I would like to register or log in through a pop-up window with the ability to register through with Google and Facebook accounts

#345245 Copied Theme version: 9.0.2 WooCommerce version: 7.3.0

1 Answer
Tony Rodriguez

Support staff

January 27, 2023 at 16:59
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
#345256 Copied
Tagged: best selling, change icons, login, pop up, position, registration, style, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘change icons style and position + login/registration pop-up’' has been successfully resolved, and the topic is now closed for further responses

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection