Too much space between thumbnail vertical gallery and product image

  • The left thumbnail gallery and right product image seems to have too much gap. I couldn’t find a solution in theme customizer to fix that.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @devilmakq,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media (min-width: 769px) {
    .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-viewport {
        width: 85%;
    }

    .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs {
        width: calc(15% - 1em);
    }
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Result: https://postimg.cc/cgn1nfxS

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Too much space between thumbnail vertical gallery and product image’ is closed to new replies.