Return to previous page

Archive Product Hover Effect sizing change

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

Imagine This

Participant

April 7, 2023 at 19:55

I was wondering how to change the percentage the hover effect zooms in on the product images when the “hover-effect-zoom-in” is active. I just need to reduce the zoom level a little so it doesn’t clip into the product next to it in the archive, and cover up the outline around the product (I have overflow set to visible).

Thank you

Please, contact administrator
for this information.

#352664 Copied Theme version: 9.0.4 WooCommerce version: 7.3.0

3 Answers
Tony Rodriguez

Support staff

April 8, 2023 at 08:36
Hello, @Imagine This,

Thank you for choosing XStore as your WooCommerce WordPress theme.

To adjust the zoom level of the hover effect, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes:

.content-product:hover .hover-effect-zoom-in .product-content-image img { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; }

You can reduce the zoom level by changing the scale value to 1.05

Best regards,
8Theme’s Team.
#352678 Copied
Imagine This

Participant

April 10, 2023 at 16:45

Thank you so much!

#352872 Copied

Tony Rodriguez

Support staff

April 11, 2023 at 05:43

Hello @Imagine This,

We are delighted to have you here. If you are willing, we would greatly appreciate it if you could leave a 5-star rating for our Theme and Customer and Technical Support on ThemeForest at the following link: http://themeforest.net/downloads. Doing so would help us to release more updates and provide dedicated support in the future. Your support would be greatly appreciated.

Thank you for reaching out to us. Have a wonderful day!

This topic is now closed.

Best Regards,
8Theme’s Team

#352893 Copied
Tagged: archive product, hover effect, persuasive, sizing change, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)