-
AuthorPosts
-
November 21, 2015 at 1:56 pm #540157
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

-
This topic was modified 9 years, 11 months ago by
marcelwachter.
November 25, 2015 at 4:55 am #542103Hey marcelwachter!
Thank you for using Enfold.
Please use this in the Quick CSS field:
.tabcontainer .products .product { width: 47%; margin-left: 1%; }Regards,
IsmaelNovember 26, 2015 at 3:15 pm #543176thank you!
-
This reply was modified 9 years, 11 months ago by
marcelwachter.
November 26, 2015 at 3:31 pm #543192November 26, 2015 at 6:39 pm #543341ok 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.
December 1, 2015 at 12:09 pm #545076Hey!
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 -
This topic was modified 9 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
