Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 10, 2025 at 2:42 pm #1479025
    ballindigital

    Hi,

    How do I adjust the image size here so that the actual image fits perfectly?

    As you can see in this example, the image appears to be smaller than the box.

    View post on imgur.com

    The red areas that I’ve highlighted is the wasted space.

    Our product images are 600 x 600.

    Thanks,

    Harvinder

    March 11, 2025 at 4:45 am #1479056
    Ismael

    Hey ballindigital,

    Thank you for the inquiry.

    It looks like you have already applied the adjustments. If you’d like to increase the image size further, you can add this css code:

    #top.single .single-product-main-image {
    width: 50%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

#top.single .product div.images img {
    width: 100%;
    height: auto;
    max-height: unset;
    margin: 0 auto;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.