Return to previous page

Huge white space between product images and product title

This topic has 17 replies, 4 voices, and was last updated 6 months, 1 weeks ago ago by Andrew Mitchell

luc

Participant

April 5, 2024 at 14:57

Hi,

I have a question.
There is a huge white space. But I cant remove it. How can I remove it?

See: https://www.craftyponies.nl/product/kopie-van-crafty-pony-paarden-knuffel-zwart-48-cm-met-instructie-boekje/

Thanks in advance

Files is visible for topic creator and
support staff only.

#390262 Copied Theme version: 9.2.3

16 Answers

Rose Tyler

Support staff

April 5, 2024 at 15:12

Hello,

We appreciate you contacting us regarding the issue you have encountered.

Could you kindly inform us which web browser you are currently utilizing? Upon reviewing the page on a mobile device, we did not observe the aforementioned problem https://prnt.sc/ZT8cWei8GJe_ (Chrome browser). We suggest that you clear your mobile browser’s cache and then revisit the page to see if the issue persists.

Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
8Theme’s Team

#390265 Copied

luc

Participant

April 5, 2024 at 15:16

I used safari and chrome. On the two browsers the problem exists.
Did you reload the page? Maybe then at the second time it does not load that well.

The problem is also on some buttons on the whole site.

Files is visible for topic creator and
support staff only.

#390267 Copied

Rose Tyler

Support staff

April 5, 2024 at 15:26

Hello,

We can’t re-create the problem still.

Please try to disable Elementor > Features > Upgrade Swiper Library, and check how it works then. Do not forget to clear cache.

Best Regards,
8Theme’s Team

#390272 Copied

luc

Participant

April 8, 2024 at 09:28

Hi,

I’ve tried to enable, disable and default setting. But now it is broken completely :O
See my video: https://www.veed.io/view/32f0bebd-314d-46ae-a0b7-de51d6e812ec?panel=

#390584 Copied

Rose Tyler

Support staff

April 8, 2024 at 10:00

Hello,

We can’t watch your video https://prnt.sc/8Mr1Jnr0rJfH Please check.

Best Regards,
8Theme’s Team

#390591 Copied

luc

Participant

April 8, 2024 at 10:17

Thanks for the quick reply.
Try this one: https://www.veed.io/view/32f0bebd-314d-46ae-a0b7-de51d6e812ec?panel=share

#390595 Copied

Luca Rossi

Support staff

April 8, 2024 at 10:33

Hi @luc,

We are currently uncertain about the specific issue you are encountering. To assist us in identifying any potential conflicts, we kindly request that you conduct a systematic test. This can be done by deactivating each plugin one at a time, with the exception of those that are explicitly included in the list provided by our team.

For your convenience, you can find the list of included plugins at the following link: https://www.8theme.com/documentation/xstore/plugins/included-plugins/.

If it doesn’t helps, please resend us with your WP Admin account. We’re unable login with this account below.

BTW: Please make your video public, it’s private now: https://prnt.sc/TKvFsDrfZBox

Thank you!

Please contact administrator
for this information.

#390596 Copied
luc

Participant

April 8, 2024 at 13:00
Sorry, maybe you can see this screen recording: https://streamable.com/fl5m1t

I have tried the normal single product view, the elementor single product builder and the xstore single product builder. All of them does not work.

Maybe something in the global css is not right?
```
/* Header */
.et_element-top-level > a {
    font-weight: 500;
}

/* Breadcrumbs */
.page-heading .a-center {
    border-top: 1px solid #E6E6E6;
    padding-top: 15px;
}

.woocommerce-account .page-heading .a-center, .woocommerce-wishlist .page-heading .a-center {
    border-top: none;
    padding: 0;
}

/* Buttons */
.btn>a, .btn, .button, .single-post .form-submit input[type="submit"], .products-grid .product-details .button:not(.compare),
.et-quick-view-wrapper form.cart .button, .swiper-slide .content-product .product-details .button, 
.actions .btn, .woocommerce table.wishlist_table td.product-add-to-cart a,
.form-submit input[type="submit"],
.popup-added-to-cart .product-section-02 a {
    font-weight: bold;
    font-size: 16px;
    text-transform: none;
}
.single-product-builder .single_add_to_cart_button {
    font-weight: 700;
}
.read-more:before {
    width: 100%;
}
.read-more:after {
    opacity: 1;
    right: -20px;
}
.product-view-default .footer-product .show-quickly {
    border-radius: 20px;
}
.my_account_orders td .button {
    border: none;
}

/* Post image */
.single-post .wp-picture img,
article.blog-post .wp-picture.blog-hover-zoom{
    border-radius: 20px;
}

/* Sidebar widgets */
.single-product .sidebar .sidebar-widget, .single-post .sidebar .sidebar-widget:not(.etheme_widget_satick_block) {
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    padding: 35px;
    margin-bottom: 20px;
}
.sidebar-widget .widget-title,
.sidebar-widget li a, .sidebar-widget ul.menu>li>a{
    font-size: 1.28rem;
}

/* woocommerce */
.onsale,
textarea, textarea.form-control {
		border-radius: 20px;
}
.coupon input[type=text] {
		border-radius: 20px;
}
.coupon input[type=submit] {
		border-radius: 0 20px 20px 0 !important;
}
/* Single Product */
.woocommerce-product-gallery.images-wrapper, .thumbnails-list .swiper-slide a {
    border: 0px solid #E5E5E5;
    border-radius: 20px;
		padding: 5px;
}
.single-product-sidebar {
    margin-top: 1vw !important;
}
.etheme-sticky-cart .sticky_product_title,
.etheme-sticky-cart .single_add_to_cart_button.button  {
    font-size: 100%;
}

@media only screen and (min-width: 321px) {
		/* Products */
		.content-product {
				border: 1px solid #E5E5E5;
				border-radius: 20px;
				padding: 5px;
		}
		.single-product-builder .content-product .product-details, .content-product .product-details {
				padding-bottom: 15px;
		}
}

/* Account/Cart */
#customer_login>div,
.cart-collaterals, .order-review {
    border-radius: 15px;
}

@media(max-width: 767px){
.sidebar.single-product-custom-widget-area {
    display: none !important;
}
.et_element.single_product-html_block.single_product-html_block2 {
    display: none !important;
}
}

body .single-product-builder form.cart,
body .single-product-builder form.cart .woocommerce-variation-add-to-cart {
     flex-direction: row !important;
}
.single-product-builder .et_product-block form.cart .quantity-wrapper:before {
    display: none;
}
body .single-product-builder .et_product-block .quantity-select,
body .single-product-builder .et_product-block .quantity-select select,
body .single-product-builder .et_product-block .single_add_to_cart_button {
    min-width: unset;
    margin: 0;
}
body .single-product-builder .et_product-block .cart .quantity {
    margin: 0 var(--single-add-to-cart-button-spacing, 15px) 0 0;
}

.single-product .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-zoom-out.mfp-ready {
    z-index: 111043;
}

.page-id-29491 .et-single-buy-now, .page-id-29491 .et-or-wrapper {
    display: none !important;
}
.page-id-29500 .et-single-buy-now, .page-id-29500 .et-or-wrapper {
    display: none !important;
}
.page-id-29503 .et-single-buy-now, .page-id-29503 .et-or-wrapper {
    display: none !important;
}
```
#390616 Copied
Luca Rossi

Support staff

April 8, 2024 at 14:05

Hi @luc,

Could you please provide us with your admin & password?

Do we allow to disable all 3rd party plugins to test?

Thank you!

#390640 Copied

luc

Participant

April 8, 2024 at 14:47

I have created a staging environment. You can deactivate any plugin you want. Thanks so far.

Please contact administrator
for this information.

#390649 Copied

Luca Rossi

Support staff

April 8, 2024 at 15:57

Hi @luc,

We’ve disabled the Swift plugins(https://prnt.sc/eCkILBKsoOuD) and now the issue seems to be gone.

Can you please clear the cache and check again?

https://www.craftyponies.nl/1712582669477/?product=kopie-van-crafty-pony-paarden-knuffel-zwart-48-cm-met-instructie-boekje

Best Regards,
8Theme’s Team

#390668 Copied

luc

Participant

April 8, 2024 at 16:13

I’ve disabled the swift caching plugins on the live version. Cleared the cache, but the problem is still there.

#390677 Copied

Luca Rossi

Support staff

April 9, 2024 at 03:39

Dear Luc,

We hope this message finds you well.

We are reaching out to kindly request your confirmation regarding the resolution of the previously reported issue on the staging version. Could you please verify if the matter has been successfully addressed and confirm with us at your earliest convenience?

We appreciate your assistance in this matter and look forward to your prompt response.

Best Regards,
The 8Theme Team

#390728 Copied

luc

Participant

April 9, 2024 at 07:23

Then it works. But what makes it difficult now is that it works on the live site as wel when i’m logged in. Now I see that I only can visit the staging site when logged in as well.

#390745 Copied

Luca Rossi

Support staff

April 9, 2024 at 08:08

Dear Luc,

We hope this message finds you well.

It has come to our attention that the issues you are experiencing may be associated with cache-related problems. We kindly request that you clear or disable all caches on your website and then proceed to verify if the issues persist.

Should you require any further assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team

#390757 Copied

Andrew Mitchell

Support staff

May 16, 2024 at 10:20

Dear luc,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#395441 Copied
Tagged: product image adjustment, product title spacing, white space issue, woocommerce formatting, woocommerce themes, wordpress ecommerce fixes, wordpress theme solutions
Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘Huge white space between product images and product title’' has been successfully resolved, and the topic is now closed for further responses

Huge white space between product images and product title

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection