Hello,
I am trying to change the size of the product display. What is the best way?
I insert the products with the product short code, either with [products ids=”1183, 1189, 1194, 1200, 1205″] or [product id=”1183″]
The problem is they display to small :
I tried to add the following code to quick css
#top.page .product, #top.page .product.first, #top.single .product, #top.single .product.first {
width: 45%;
}
#top.woocommerce .product {
width: auto;
}
which changes the product preview to the right size
the problem is that in some tabs the layout gets messed up even though the images all have the same size. See here:
Hope you can help me with this,
Many thanks
Edit: Also when I add a product with a text element to a 50% width layout element the product seems way too small
Hey marcelwachter!
Thank you for using Enfold.
Please use this in the Quick CSS field:
.tabcontainer .products .product {
width: 47%;
margin-left: 1%;
}
Regards,
Ismael
thank you!
ok i got it working. only thing I still can’t get to work is to make each product container the same height + sale badge at the top right.
Hey!
glad you could work it out and not sure what you mean by wanting each product container same height, because I checked you website and your products seem to have same size for me. Could you fix it? If not: can you provide us a mockup showing what you want to achieve please? then we can provide you some precise css code.
Best regards,
Andy