Return to previous page

No distance between product page and thumbnails

This topic has 10 replies, 3 voices, and was last updated 7 months, 4 weeks ago ago by Juergen

Juergen

Participant

April 23, 2025 at 08:49

I have the following problem:

I have created a single product page with Elementor. There is a small gap between the product image and the thumbnails below it and everything looks fine.

In the mobile version, however, the product image and the thumbnails flow into each other, although I have chosen a large enough distance with Elementor:

https://www.dropbox.com/scl/fi/uonv0on3p82jh1m6017op/2025-04-23_09-39-22.jpg?rlkey=9ls97jful59199fxr9isjqzy7&dl=0

This is how it looks on my cell phone:

https://www.dropbox.com/scl/fi/gll3io17kqvdmg8cgb6nj/IMG_5357.jpeg?rlkey=miem6ij8lt23cuipvtfrc2002&dl=0

How can I change this?

#441521 Copied Theme version: 9.4.10

9 Answers

Alex Carter

Support staff

April 23, 2025 at 09:10

Hello, Juergen,

Thank you for reaching out to us.

Please provide the URL of the product page from your screenshot.

Warm Regards,
The 8Theme Team

#441539 Copied

Juergen

Participant

April 23, 2025 at 10:19

https://heatncool.me/product/heat-me-lunchbag/

#441562 Copied

Alex Carter

Support staff

April 23, 2025 at 10:48

Hello, Juergen

To ensure you get the best support, we’re escalating your request to another specialist from our team, who will take a closer look at the issue.

They will update you as soon as possible, and we’ll make sure to keep you posted. If you have any additional details that might help, feel free to reply here.

Thank you for your cooperation!

Best Regards,
The 8Theme Team

#441570 Copied

Jack Richardson

Support staff

April 23, 2025 at 12:29

Dear @Juergen,

We hope this message finds you well.

Firstly, we would like to point out that both the Customizer builder and Elementor were being used simultaneously on your website (please refer to the screenshot: https://prnt.sc/VNLdWPqoERe4). As previously mentioned in our notices, using both builders at the same time may lead to conflicts. To prevent such issues, we have disabled the builder from the Customizer.

Additionally, the main issue regarding the incorrect positioning of the gallery appears to be caused by custom CSS applied to your site (please see: https://prnt.sc/glTgqJnx95uY). This is not a bug related to our theme, but rather a result of custom modifications.

We kindly recommend consulting with your developers to review and adjust the custom CSS in accordance with your desired design.

Thank you for your understanding.

Best regards,
Jack Richardson
The 8Theme Team

#441586 Copied

Juergen

Participant

April 23, 2025 at 15:10

Hi Jack,

Deactivating the Builder in the Customizer has caused the following three visible problems:

1. the PayPal button was not there before and I don’t want it either.
How do I get rid of it again?

2. the quantities (yellow arrow) are no longer left-aligned, but in the middle.
In addition, the black font is gray rather than black (poor visibility)

3. 1-3 small lines appear on each product page after Secure Payment (see green arrow):

https://www.dropbox.com/scl/fi/7qzl3ucq3m0s5mkiqkt78/2025-04-23_15-50-32.jpg?rlkey=nm4f10uymydq1eyuiqvljob3p&dl=0

Could you please correct this?

#441621 Copied

Jack Richardson

Support staff

April 24, 2025 at 07:49

Dear @Juergen,

We hope this message finds you well.

1. Kindly disable the display of PayPal buttons on Single product in the payment settings. You can refer to the documentation to locate the appropriate option. Currently, we disabled the “Single Product” location in its settings. Please see the following screenshot for guidance: https://prnt.sc/xbBw4_JMt0Gv
(Navigation path: Dashboard > WooCommerce > Settings > Payments > PayPal)

2. We were unable to fully understand your request. Could you please clarify it further? Alternatively, you may want to review the settings of your Single Product Builder to ensure everything is configured correctly.

3. For your convenience, here is a link to the relevant settings page of the Single Product Builder: https://prnt.sc/c7_SCSMUgnNf

Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best regards,
Jack Richardson
The 8Theme Team

#441678 Copied

Juergen

Participant

April 24, 2025 at 09:05

Hi Jack,

Thank you very much for your quick reply.

For this product: https://heatncool.me/product/heat-me-heizpads/

there are variants. Due to the decoupling of XStore, the dropdown menu has been moved to the right. (see green arrow)

https://www.dropbox.com/scl/fi/id0i0rhi9abc2lre8z3ho/2025-04-24_09-36-32.jpg?rlkey=dtpra639m1dissgu0d2l03xc1&dl=0
I would like the dropdown menu to be left-aligned.

In addition, the dropdown menu is gray and rather inconspicuous. Can the menu be designed with a black background and white font?
Finally, the following question:

Can these three tabs:

https://www.dropbox.com/scl/fi/4spxest0st03io82uq906/2025-04-24_10-02-43.jpg?rlkey=bloib14klylow82dfx7r2jgtc&dl=0

hide? And if so, how?

#441705 Copied

Jack Richardson

Support staff

April 24, 2025 at 09:32

Dear @Juergen,

We hope this message finds you well.

Kindly refer to the following screenshot: https://prnt.sc/4GS9Tpm5eoN1. It appears that a minimum font size has been set in multiple settings, which may be affecting the layout display.

After resetting the font size, the variations table displays correctly, as shown here: https://prnt.sc/yR3mZHKGq4OS. Additionally, you have the option to set the variations table to a vertical layout by following this example: https://prnt.sc/2dDPPY1fzKR_, which will result in the following layout style: https://prnt.sc/-K2a1Vp7P9KQ.

If the main issue discussed in this topic has been resolved, we kindly ask you to mark the topic as closed. For any other questions or concerns, please create a separate topic so we can assist you more efficiently.

Thank you for your understanding and for respecting our support time.

Best regards,
Jack Richardson
The 8Theme Team

#441710 Copied

Juergen

Participant

April 24, 2025 at 11:50

Thank you Jack

#441748 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘No distance between product page and thumbnails’' has been successfully resolved, and the topic is now closed for further responses

No distance between product page and thumbnails

Explore our best WordPress WooCommerce Themes collection