Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 23, 2018 at 2:33 am #988544
    tankerhq

    We have a dev site up at (hidden)

    Two questions:

    1) Is there a way to force the product divs to maintain the same height so they don’t stop the next row from showing three items?
    and
    2) Why are the margins between the product divs different? (see line three). The images are all set to 1:1 so the container divs should all be the same.

    July 23, 2018 at 4:42 am #988569
    Ismael

    Hey tankerhq,

    Thank you for using Enfold.

    1.) You have to upload product images with the same size as much as possible in order to create a consistent grid. You can also set a minimum height to the product container and product images but it may distort the images a bit.

    #top .shop_columns_3 .products .product {
    min-height: 671px;
}

#top .shop_columns_3 .products .thumbnail_container img {
    min-height: 425px;
}

    You may need to add css media queries to adjust these values on smaller screens.

    2.) The margins look consistent. Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

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