Full size of the photo in a box - by mallorcaredes

This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Olga Barlow

  • Avatar: mallorcaredes
    mallorcaredes
    Participant
    June 9, 2020 at 08:52

    Good morning.
    I have a question I don’t know if it can be done, I have photos with very different sizes, some very final and tall, how can I make the product look all the same, even if it looks small, but complete, thank you.

    error

    error02

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 9, 2020 at 22:44

    Hello,

    Could you, please, provide us with temporary WP Dashboard access to your site to check the issue in more detail and help you? Because at this moment maintenance mode is enabled and I don’t see images that you have to provide you correct custom code.

    Regards

    Avatar: mallorcaredes
    mallorcaredes
    Participant
    June 10, 2020 at 00:36

    Good.
    Attached data, and example page where you can see the result of the bad image conviction, thanks.
    A greeting.

    https://www.malabarium.com/producto/cardprotector-brushed-silver/

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 10, 2020 at 13:57

    Hello,

    I have added below code to Custom CSS. Check your grid now.

    /* Fix for the Images aligment */
    .swipers-couple-wrapper .swiper-wrapper .woocommerce-main-image img {
        width:auto;
        max-height: 550px;
    }
    
    .swipers-couple-wrapper .swiper-wrapper.thumbnails-list img {
        width: auto;
        max-height: 100px;
    }
    .content-product .product-content-image {
        min-height: 200px;
        display: flex;
        align-items: center;
    		justify-content: center;
    }
    .content-product .product-content-image img {
        max-height: 200px;
        width: auto;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘full size of the photo in a box’' has been successfully resolved, and the topic is now closed for further responses

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