Homepage strange product image display

  • anibou

    (@anibou)


    6 years, 2 months ago

    After updating woocommerce, on my homepage, normally I have set for four columns of product image display. While now for the first line and for the last line of the product images, it only displays two columns. But for other lines, it all displays normally four columns. Really need someone to help me. Many thanks.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Farook Kholwadia

    (@judgerookie)

    6 years, 2 months ago

    in woocommerce.css

    I believe it’s the clear: both applied to .first row so pushing the last two in the last row too

    .products.products-grid .row > .first {
    clear: both;
}

    P.S. the mail and smooth scroll button overlap (bottom right), may want to make them sit above each other
    remove it and it they’ll move back to four in a row for both top and bottom rows

    Thread Starter anibou

    (@anibou)

    6 years, 2 months ago

    Hello Judgerookie,
    Many thanks for your help. I wonder if it’s correct that I put these codes in appearance-editor-child theme-stylesheet. If it is, I did it, but doesn’t work.

    • This reply was modified 6 years, 2 months ago by anibou.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 2 months ago

    @judgerookie, Do you think the problem is that the items are different heights?

    Farook Kholwadia

    (@judgerookie)

    6 years, 2 months ago

    sorry @anevins hadn’t spotted that

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 2 months ago

    Oh I didn’t mean to criticise, I was just checking with you 🙂

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 2 months ago

    @anibou, Undo that CSS above.

    The problem is that the product images are all different sizes. You need to use the same size.

    Thread Starter anibou

    (@anibou)

    6 years, 2 months ago

    @anevins Hello Andrew, many thanks for your help. I will resize the images.
    Have a nice day!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Homepage strange product image display’ is closed to new replies.