Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 19, 2013 at 5:11 pm #202125
    lizybloom

    Hi. I don’t know if this questions is for Enfold, or Woo. But either way, I can’t figure it out. I would like help with two similar things: Making the product images on my main shop page and also my related products smaller and a tad more spread out. Here is what it looks like now: http://lizybloomdesigns.com/zemasfoods.com/madhouse-shop/

    I have tried changing the size of the images in woocommerce and regenerating my thumbnails, but nothing seems to work. I know I am just missing something silly.

    Thanks for any help.

    Lizy Bloom

    December 20, 2013 at 2:59 am #202380
    Ismael

    Hi lizybloom!

    You can add this on your custom.css or Quick CSS:

    
div .products .product {
margin: 0 5% 1% 0;
margin-left: 0;
}

    Adjust the width and the right margin. The right margin is the second value on the margin property.

    Best regards,
    Ismael

    December 20, 2013 at 3:50 am #202402
    lizybloom

    Perfect! Thanks.

    How do I do the same to the related products?

    lizy

    December 20, 2013 at 4:15 am #202411
    Ismael

    Hey!

    You can use this. :)

    #top .product_column_4 .products .product {
margin: 0 5% 1% 0;
width: 20.25%;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Woocommerce Main Shop Page’ is closed to new replies.