Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1256850

    Hi!

    My client wants her product’s images on 2 columns in the boutique page, but the images are getting way too big! I tried to change the size in the woocommerce costomization section, but the image loose definition but stay the same size. Then if I try some css, when I get the image smaller, I can’t keep it centered. Can you help?

    Thanks!

    #1257124

    Hey Genevieve,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .products.columns-2 .thumbnail_container img {
        width: 70%;
        margin: 0 auto;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    • This reply was modified 4 years ago by Victoria.
    #1257147

    Thanks Victoria! It works perfectly!
    And now, how can I have them on 2 columns on mobile phone?

    #1257430

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .template-shop .products .product {
        width: 50%;
    }
    }

    Best regards,
    Rikard

    #1257464

    Hi Rikard! This is not working, it stays on one colomn on mobile…

    #1257723

    Hi metamorfic,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
        .responsive #top #main .products .product {
            width: 50%;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1258043

    Thanks Victoria! It’s perfect!!

    #1258344

    Hi metamorfic,

    We’re glad to hear that :)
    Let us know if you need further assistance.

    Best regards,
    Nikko

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