Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 : too small product

    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 good product size

    the problem is that in some tabs the layout gets messed up even though the images all have the same size. See here:
    messed up product display
    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 smalltoo small

    #542103

    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

    #543176

    thank you!

    • This reply was modified 8 years, 12 months ago by marcelwachter.
    #543192
    #543341

    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.

    #545076

    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

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