Return to previous page

Gallery element shows unnecessary white space

This topic has 11 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Bas Kling

  • Avatar: Bas_Kling
    Bas Kling
    Participant
    October 21, 2025 at 15:41

    Hi,

    We really don’t understand where this extra space is coming from, and how to resolve it, making sure that the elements are nicely stacked against each other (we need to lose the white space, and rather not use any negative margin values to accomplish that)
    Example in Private due to content

    Please, contact administrator
    for this information.
    #457616 Copied
    10 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    October 22, 2025 at 06:25

    Dear @Bas Kling,

    Could you please edit the page and remove the “min-height: 85vh” property from the sections or containers?

    https://prnt.sc/qGPplVktpmJO

    Please let us know once it has been done.

    Best regards,
    The 8Theme Team

    #457655 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    October 22, 2025 at 10:08

    As requested (see private), but unfortunately, that completely fumbles up the layout, all of the items overlapping each other.

    As the page as pretty much become unreadable, I’ve published it in Private mode to hide it from our viewers….

    Please contact administrator
    for this information.
    #457678 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    October 22, 2025 at 13:17

    Hello @Bas Kling,

    Could you please adjust it to 65vh, perhaps only for the mobile version?

    Please let us know how it works out.

    Best regards,
    The 8Theme Team

    #457699 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    October 22, 2025 at 13:30

    Done.
    Still some overlap, but also not the correct way to fix it, I think.
    It’s just messing around with some variables to mitigate for some fundamental issue.
    Different phones have different screens and thus different viewports & heights.
    Also: different galleries have different a number of pictures, so the required height varies as well.
    Why doesn’t the widget automatically align with the next container?

    -EDIT-
    I’ve created a copy of the page, for you to troubleshoot / apply a fix possibly. URL in private

    Please contact administrator
    for this information.
    #457701 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    October 22, 2025 at 16:21

    Dear @Bas Kling,

    We’ve added a custom CSS code to thix this issue.

    Could you please check now?

    Thank you!

    Please contact administrator
    for this information.
    #457724 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    October 22, 2025 at 16:38

    I hope you applied it to the URL I posted earlier? (private)
    That page seems to be fine…

    Where can I find the specific CCS?
    Is it this code?

    .e-con-inner>.elementor-widget-etheme_gallery,.e-con>.elementor-widget-etheme_gallery {
    width: var(–container-widget-width);
    –flex-grow: var( –container-widget-flex-grow )
    }

    Please contact administrator
    for this information.
    #457727 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    October 23, 2025 at 06:56

    Hello @Bas Kling,

    We have applied the custom CSS code to the page you provided earlier.

    
.e-con-inner > .elementor-widget-etheme_gallery,
.e-con > .elementor-widget-etheme_gallery {
    width: var(--container-widget-width);
    flex-grow: var(--container-widget-flex-grow);
}

    Kind regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    #457746 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    October 24, 2025 at 08:36

    Thank you!
    Since this is a custom script to fix what I believe is a structural issue, will there be a permanent fix in the template? If so, is it possible to receive an alert when this is done, so we can delete the work-around script again?

    #457857 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    October 24, 2025 at 09:26

    Hello @Bas Kling,

    This custom CSS code is minimal.
    Please keep it and do not delete it.

    We will also forward this issue to our development team.

    Best regards,
    The 8Theme Team

    #457871 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    October 24, 2025 at 10:21

    Thanks for the support! My topic “Gallery element shows unnecessary white space” has been successfully resolved.

    #457878 Copied
  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Gallery element shows unnecessary white space’' has been successfully resolved, and the topic is now closed for further responses

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.