[Resolved] Image alignment in the woocommerce catalog

[roberto]

Hi, I have a problem with the alignment of images in the woocommerce catalog.
The images are not aligned, some are higher up.
This is the link to the catalog: http://gruppocasaimmobiliare.it/catalogo/
Any solution?
Thank you.

[Leo]

Hi there,

Give this CSS a shot:

.woocommerce ul.products li.product h2 {
      line-height: 2.5ex;
      height: 5ex; /* 2.5ex for each visible line */
      overflow: hidden;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[roberto]

Thanks Leo, but that code affects text, not images

[roberto]

I solved, the problem was a plugin.
Thanks.

[Tom]

This is being caused by a woosticker element in your markup. Maybe being added by a plugin?

[roberto]

Yes, if I disable woosticker the images are aligned

[Tom]

Awesome 🙂

If you need that plugin we should be able to come up with a CSS solution.

[roberto]

Yes, I would need, what solution can be adopted ?

[Tom]

Try this CSS:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link > :not(:first-child) {
    margin-top: 0;
}

[roberto]

Thanks Tom, with your code I solved.
Great support, see you next time.
Greetings.

[Tom]

You’re welcome 🙂

[Author]

Posts