IMage width settings not working

  • Resolved wood1e

    (@wood1e)


    3 years, 10 months ago

    Hi

    I am trying to make the main image on my product page 500px wide

    a) I have changed the settings here WooCommerce/Product Image see here: https://www.screencast.com/t/uQI3ysTr1q I set to 500px but the image box remains above 500px see here: https://www.screencast.com/t/zJ1E9PSwWafU

    b) I have cleared cache
    c) I have regenerated the images
    d) I have used the CSS

    .woocommerce div.product div.images img {
    width: auto;
    margin: auto;
    }

    This doesn’t work as the magnifying image is still 600px. So it looks odd when someone hovers over the image.

    Nothing seems to work, the image box remains whatever it is and not the size I set in the ‘WooCommerce Settings’

    or maybe I misunderstanding the issue?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Senff

    (@senff)

    Hey @wood1e

    The layout of your pages appears to be controlled by Elementor, so the width of your images depends on that as well — this can override the setting of your theme.

    In your case, you’ve set it to 500 pixels, which is a theme setting, but Elementor overrides this by giving it a width of 48.5% of the content.

    To change that, you’ll need to check that in the settings of Elementor, and how the column widths are set for product pages.

    Thread Starter wood1e

    (@wood1e)

    Hi

    No I am using Divi theme editor.

    So I need to go back to Divi Theme support…many thanks

    Plugin Support Senff

    (@senff)

    Apologies! I did mean Divi indeed, not Elementor.

    So yes, in this case it’s best to check this with Divi’s support team. Hope they’ll be able to help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IMage width settings not working’ is closed to new replies.