Return to previous page

360° Popup size issue. Animation is not centered verticaly

This topic has 10 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

Brunos

Participant

November 23, 2023 at 21:04

Hello, I have created a 360° animation into a statick block. The original sizes of images are 1200px1200px.
https://prnt.sc/lnWcpY_haikw

1/ This statick block is placed into a popup. But I have some problems. The image does not fit to the dimensions. (The popup dimensions should be 900x900px).

2/ How to get round corners

PS. to see the popup just click on “360° view” button.

#374586 Copied Theme version: 9.2.4 WooCommerce version: 8.3.1

9 Answers
Tony Rodriguez

Support staff

November 24, 2023 at 08:05
Hello, @Brunos,

We would like to inform you that it is possible to adjust the image size within the 360-degree popup by applying Custom CSS. Kindly follow the steps outlined below to implement the necessary changes:

1. Navigate to “Xstore” followed by “Theme Options.”
2. Proceed to “Theme Custom CSS.”
3. Select “Global CSS.”
4. Copy and paste the following CSS code:

.single-product .etheme-360-product-viewer-images { width: 900px !important; height: 900px !important; } .single-product .etheme-modal-popup-content.animated { border-radius: 20px !important; height: 600px !important; }

After inserting the code, please ensure to clear your browser’s cache before revisiting your site to view the modifications.

For your reference, here are the visual comparisons of the results:

– Before applying the code: [Before Code Image](https://ibb.co/F8PYbHf)
– After applying the code: [After Code Image](https://ibb.co/r3gRy0c)

Should you require any further assistance or have additional queries, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#374602 Copied
Brunos

Participant

November 24, 2023 at 09:15

Thank you very much, we’re on the right track.
However the image is not a square and not centered.
https://prnt.sc/Ocbyg6GLoCsk

#374612 Copied

Tony Rodriguez

Support staff

November 24, 2023 at 09:25

Hello, @Brunos,

We kindly request that you adjust the height or size by modifying the values within the provided code. We recommend experimenting with various values to determine which ones best suit your needs.

For your reference, please consult the following screenshot: https://ibb.co/GfD6DSh

Best regards,
The 8Theme Team

#374614 Copied

Brunos

Participant

November 24, 2023 at 09:54

Ok but I have always this issue: the image is not centered vertically by default.
https://prnt.sc/RKX5eHK9cXeN

#374619 Copied

Tony Rodriguez

Support staff

November 24, 2023 at 12:43

Hello, @Brunos,

Please create a temporary WP-admin login and share the credentials with us in a secure, private content area. This will enable us to thoroughly examine your settings and offer the necessary assistance.

We kindly recommend that you take a complete backup of your site before proceeding.

Best regards,
The 8Theme Team

#374637 Copied

Brunos

Participant

November 24, 2023 at 14:00

Here are attached credentials.

Regards.

Please contact administrator
for this information.

#374657 Copied

Rose Tyler

Support staff

November 24, 2023 at 15:43

Hello, @Brunos,

We appreciate your prompt response.

https://prnt.sc/UVV0wPZDCM64 – please clear cache and check now.

Best regards,
The 8Theme Team

#374675 Copied

Brunos

Participant

November 24, 2023 at 16:07

Thank you very much, this much better.
This is perfect for Desktop however this is not responsive and absolutely unreadable for Tablet and phone.
How could we fix that?

Regards

#374681 Copied

Rose Tyler

Support staff

November 24, 2023 at 16:43

Hello, @Brunos,

We appreciate your prompt response.

Please clear cache and check now on tablet & mobile.

Best regards,
The 8Theme Team

#374685 Copied
Tagged: 360° popup size issue, centered animation, vertical animation, woocommerce animation problem, woocommerce templates, wordpress, wordpress templates
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘360° Popup size issue. Animation is not centered verticaly’' has been successfully resolved, and the topic is now closed for further responses

360° Popup size issue. Animation is not centered verticaly

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection