I have a problem with pictures of goods. My pictures are not ordinary, they are mostly vertical, and because the store has a restriction of pictures only in width in the CSS. My pictures do not exceed the width, they exceed the height required)) there is also a problem with quick view also ...
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.woocommerce div.product div.images img {
width: auto !important;
}
Yes. I understand that I usually can "Tame the images" of goods in width.
But specifically in this case, I need to put a height restriction on the image. since I have some vertical pictures and they "laugh" at the width limit :)
And when you press the quick view, they increase more than the screen itself. No matter how I adjust the width of the main picture or the width of the picture in the category. Crop photo for example 1: 1
Oh, thanks for the great answer!) I thought to do it in a hopeless situation. Thank you very much. And this flaw in WooCommerce amazes me. as usual I only have such pictures :) But I'm not to blame for anything))
I have a problem with pictures of goods. My pictures are not ordinary, they are mostly vertical, and because the store has a restriction of pictures only in width in the CSS. My pictures do not exceed the width, they exceed the height required))
there is also a problem with quick view also ...
Sorry for my English!
Hey P,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.woocommerce div.product div.images img { width: auto !important; }Thanks
ThemeNectar Support Team
Wow thanks! But how can I deal with the preview I can’t find in which class I attach this CSS property (Quick View - Просмотр)
https://zdorove-ne-kupish.ru/product-category/products
Hey Again,
Instead of css try adjusting the Product Image sizes in the Customizer : http://prntscr.com/l1uw6v .
Best
ThemeNectar Support Team
Yes. I understand that I usually can "Tame the images" of goods in width.
But specifically in this case, I need to put a height restriction on the image. since I have some vertical pictures and they "laugh" at the width limit :)
And when you press the quick view, they increase more than the screen itself.
No matter how I adjust the width of the main picture or the width of the picture in the category. Crop photo for example 1: 1
https://zdorove-ne-kupish.ru/
I am hope for your help. Thank you!
Unfortunately css alone wont fix it. You will have to recreate the images and add them in a transparent placeholder .
Best
ThemeNectar Support Team
Oh, thanks for the great answer!) I thought to do it in a hopeless situation.
Thank you very much. And this flaw in WooCommerce amazes me. as usual I only have such pictures :)
But I'm not to blame for anything))