Archived topic
Centering last item in columns
3 replies · Started by Ivan Cazorla on September 7, 2018
Viewing posts 1–4 of 4
Hi there, is it possible to center the last item on a row instead of displaying it always aligned at the left?
Take a look at some photos to uderstand what I am saying: https://snag.gy/3mLX1z.jpg
This happens mostly on woocommerce products and all elements that are displayed in columns and rows.
Let me know.
Thanks,
Ivan
Hi Ivan,
hmmm.... give this a shot:
@media (min-width: 768px) {
.woocommerce ul.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -1.5%;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
margin: 0 0 2em 1.5% !important;
}
}Works like a champ! Thanks a lot!
You're welcome.
This archived topic is closed to new replies.
