Home / Forums / You Theme Support / Woocommerce Image Display size

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts

  • oempire
    Participant

    Hi,

    Ive set my desired image sizes in woocommerce, settings see https://i.imgur.com/eeCjEZ9.png

    I have regenerated thumbnails but my main product image is still filling to half of the screen http://urlgone.com/3e4d2a/

    not all products will have really large images to work with. can you assist please

    as you can also see the bullet points in the main description are missing bullets, and missing their indent

    • This topic was modified 2 weeks, 3 days ago by  oempire.

    Hi @oempire

    Can you please send over your site’s URL and login credentials so we could personally check and test on this further from our end?

    Regards,


    oempire
    Participant
    This reply has been marked as private.

    oempire
    Participant

    any update on this please @acoda @edcel

    My apologies for the delay @oempire

    The screenshot you sent do not load anymore, checking on the site, I assume your issue is the large image on the product page here? http://netgss.com/youthexpress/product/equipd-magazine/

    If yes, the dimensions set from WooCommerce are actually overriden by the CSS implemented for the theme.

    On the page, the width is dependent on the product container which is half the width of page, that is why it occupies that much space.

    You can add this CSS to decrease the dimensions of the image:

    .product .flex-viewport {
        width: 250px;
        height: 250px !important;
    }

    But more CSS is added to adjust the dimensions of the container which will affect the page’s responsiveness.

    Another options would be create your own single product page template, this way you can customize the look of the product page to your preference.

    Regards,

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.