Hello,
I can’t get to vertically align add to cart buttons (archive, seperate grid – home). I used the following code:
.content-product .product-title {
min-height: 47px;
}
and
.content-product .product-title a {
min-height: 3.3em;
}
but nothing seems to work. It does move the price from the title but that needs to be static. only the buttons should allign at the bottom.
Theme version: 9.1.6 WooCommerce version: 7.7.0Hello TheOne,
Thank you for contacting us and for using XStore.
Please provide some screenshots for a better understanding of the desired result.
You can use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file-sharing service such as WeTransfer https://wetransfer.com/ to upload ready photos there and provide us with URLs.
Also, please set an administration role for the user, so we can get access to theme options.
Kind Regards,
8theme team
Hello,
The desired look is in private are (link to prnt.sc). All i want to do is allign the add to cart red buttons on the same line (in the picture between light blue lines). It worked on other xstore installations but not on this one.
User has admin access.
Hello TheOne,
Please try to use the next custom CSS code:
.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;
}
Kind Regards,
8theme team
Yes, this works, but i was wondering if i can have the space between the description and the button and not like it’s now – from the product image and title?
Hello TheOne,
Add this code also:
.products-grid .product-excerpt {
min-height: 42px;
}
Kind Regards,
8theme team
Hello TheOne,
You are always welcome. We kindly ask you to rate our theme, as it will motivate our team to move forward and create even cooler things. Please follow this link to rate https://themeforest.net/downloads
Kind Regards,
8theme team
Tagged: add to cart, themes, vertically align, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.