Hello,
I’ve build my archive page with elementor. Till now i had it build with theme options.
Bellow is the code that i used to vertically allign all products:
/* Allign products */
.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;
}
.content-product .product-image-wrapper {
margin-bottom: 10px;
}
.products-grid .product-excerpt {
min-height: 42px;
}
/* Allign product carousel */
.elementor-widget-etheme_product_carousel .swiper-container {
display: flex;
align-items: stretch;
}
.swiper-slide .product {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.elementor-widget-etheme_product_carousel .swiper-slide .etheme-product-grid-content {
align-self: flex-end;
width: 100%;
}
/* For home page sliders allign*/
.products-slider .content-product {
flex-direction: column;
justify-content: space-between;
display: flex;
flex: 1;
}
.products-slider.swiper-container {
display: flex;
align-items: stretch;
}
.product-slide .product {
display: flex;
height: 100%;
}
.products-slider .swiper-wrapper {
height: auto;
}
/* Allign cross-upsell products*/
.elementor-widget-etheme_product_grid .etheme-product-grid-item {
display: flex;
flex-wrap: wrap;
}Now after setting up elementor archive my products on went broke again: check private.
What can i do?
