Dante: align price to the bottom within products carousel

[alemarengo]

Hi guys!
As in the attached screenshot, since I cannot use the same size for product’s images, it happens that price in the product carousel is placed following product’s image height. Is there a way to align price at the bottom of products carousel?
I hope so… 🙂

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi @alemarengo

Can you provide a link to the page where that carousel is displayed? We may be able to provide some css for you to achieve this.

– Ed

[alemarengo]

Hi Ed,
Thanks for your reply.

You can pick any product page you want, even homepage too.
Start from http://www.puntobianco.net

[David Martin – Support]

Hi, due to your image sizes you are rather limited to how you can display these.

Ideally you would need a developer to create a masonry layout for all these product items, you could use some CSS to create a min height, then align the price to the bottom of the product item container – but this would not look as good a masonry layout. Ex:

@media only screen and (min-width: 1200px) {
body.woocommerce .has-no-sidebar ul.products li.product, 
body.woocommerce .has-one-sidebar ul.products li.product {
    width: 262px;
    min-height: 450px;
}

.woocommerce ul.products li.product .price {
    position: absolute;
    right: 0;
    bottom: 0;
}
}

Thanks,
David.