Images width

  • After an update the slider image size is 520×520 while the place where image slides is 540×520.
    .woocommerce .product .images{
    width: 49.09090909090909%; //this is 540px for my screen
    }

    <a class=”venobox vbox-item slick-slide slick-current slick-active” style=”width: 520px”

    While the first image is active the slider looks fine but when it gets to the 4th the image is cut on the left while on the right you can see a piece of the next image

    How can I edit this while mantaining the site responsive?

    Product Gallery Slider for Woocommerce v 2.0.3
    Woocommerce v 3.6.4
    Wordpress v 5.2.2
    Bridge theme v 18.0

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Niloy

    (@im_niloy)

    Hi,
    try this CSS below:
    .woocommerce .product .images{
    width: 100% !important;
    }

    Thread Starter Amadiric

    (@amadiric)

    not working, the product image takes the whole page width this way, I also tried with 50% but it’s still large enough to make the second column go down after the gallery instead of side by side.
    If I further decrese this number to a % that equals 520px and hard refresh the page, the images size become 500px and the issue in the slider is still the same

    Thread Starter Amadiric

    (@amadiric)

    still can’t solve this,

    I’m currently trying to fix it with static widths filtered by media query…

    • This reply was modified 5 years, 4 months ago by Amadiric.
    • This reply was modified 5 years, 4 months ago by Amadiric.
    Thread Starter Amadiric

    (@amadiric)

    I found a workaround for all resolutions with:

    .woocommerce .product .images a.slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images width’ is closed to new replies.