Woocommerce product pictures are above the title

  • Hello!

    I am setting up the classic e-commerce page and I have an issue. All product pictures are above the title of the product and there is no option that would fix it. The theme and woocommerce are both up to date.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter urosbr

    (@urosbr)

    OK, I tried with changing CSS and I used this code:

    .woocommerce .product .single-product-section-wrap .entry-summary {
    height: auto;
    position: static;
    width: 100%;
    }

    This solved the problem :), but would still like to know if this is Bento theme issue and if there is a plan for a fix?

    Thank you ??

    Thread Starter urosbr

    (@urosbr)

    I apologise, I’ve seen now that it’s enough to turn off float?and width rule to get the desired result.

    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: none; <- turn off
    width: none; <- turn off
    }

    I am doing it with Firefox > Web Developer > Page Source

    • This reply was modified 5 years, 11 months ago by urosbr.
    • This reply was modified 5 years, 11 months ago by urosbr.
    • This reply was modified 5 years, 11 months ago by urosbr.
    Thread Starter urosbr

    (@urosbr)

    And the website where you can see what is happening is: https://esencavesolja.si/izdelek/ogrlica-roza-zivljenja-manjsa/

    Theme Author satoristudio

    (@satoristudio)

    Hello @urosbr, thanks for choosing Bento!
    I’m not sure how this is possible, but your WooCommerce stylesheet contains an extra declaration (not found in the original WC source code):

    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
}

    This code creates the mess on your product pages ?? Could you please try flushing all caches or even disabling the caching plugin to see if the issue is in an old code remnant?

    • This reply was modified 5 years, 11 months ago by satoristudio.
    Thread Starter urosbr

    (@urosbr)

    Hello @satoristudio!
    Deactivating W3 Total Cache solves the problem!

    Thank you for the quick help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce product pictures are above the title’ is closed to new replies.