Hi everyone,
Anyone knows how to show all the product images to be 2 in a row? Thank you!
Hello @algoy ,
Happy to help! Yes, product images can be shown to 2 in a row. Can You please provide your store url?
Hi @AnkitRawat ,
Thank you for your reply! My store url is littleglamjewelry.com, I have made the first image to align the size with the other images, however, once I change the last image, the width of collapsible content bars for FAQ would be shortened in half. Thank you!
Do you only want 2 images in each row or slider option will also work for you?
Hi @AnkitRawat ,
I prefer 2 images in a row, thank you ![]()
Please put this CSS code in bottom of base.css file, this will solve your query.
CSS CODE-
.product__media-wrapper .product__media-list .product__media-item{
width:50%;
max-width:49%;
}
Thank you and good luck!!
How was my answer?
Hi @AnkitRawat ,
Thank you for the solution. However, it doesn’t seem working.
Have you applied the code? Please put it , I am checking on frontend. There is slight change in code. Put it again and let me check.
CSS CODE-
.product__media-wrapper .product__media-list .product__media-item{
width:50%!important;
max-width:49%!important;
}
Hi @AnkitRawat
Thank you for your reply again. I have put the code at the bottom on base.css, however, it’s still have same. Thank you.
https://littleglamjewelry.com/en-hk/products/white-topaz-ring-grace-arch-band