Archived topic
Image alignment in the woocommerce catalog
10 replies · Started by roberto on December 13, 2017
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.
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/
Thanks Leo, but that code affects text, not images
I solved, the problem was a plugin.
Thanks.
This is being caused by a woosticker element in your markup. Maybe being added by a plugin?
Yes, if I disable woosticker the images are aligned
Awesome :)
If you need that plugin we should be able to come up with a CSS solution.
Yes, I would need, what solution can be adopted ?
Try this CSS:
.woocommerce ul.products li.product .woocommerce-LoopProduct-link > :not(:first-child) {
margin-top: 0;
}
Thanks Tom, with your code I solved.
Great support, see you next time.
Greetings.
You're welcome :)