Return to previous page

Bottom aligned products - by ziga32 - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 2 years, 8 months ago ago by ziga32

ziga32

Participant

August 17, 2021 at 11:22

How can I make this bottom aligned?
https://i.imgur.com/zEtw86L.png

https://www.clickstore.si/

#299091 Copied Theme version: 7.2.9 WooCommerce version: 5.3.1

2 Answers

Rose Tyler

Support staff

August 18, 2021 at 07:02

Hello,

Add the next code in Theme options > Theme custom CSS:

.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}

Regards

#299136 Copied

ziga32

Participant

August 18, 2021 at 10:00

great, thank you

#299168 Copied