Products Grid/Carousel Alignment

Hi team,

I have a quick question I am hoping someone can help.

If you check the screenshot, you will see how the “Add to cart” button is not aligned evenly between all the products. Is there a way to make the product grid/carousel more neat, so the buttons align nicely? Also, the price, perhaps have the “Add to cart” button and price align nicely together. It looks extremely messy. Is there any easy workaround?

Attachments:

You must be logged in to view attached files.

Hi LiamTGCS,

Thanks for reaching to us.

First of all, take my apologies for the delay in answering because of the weekend.

1. If you are using carousel layout, then select widget > Style tab > Carousel and enable Auto height option https://prnt.sc/_xz-erS0OiGv

2. Please navigate to Theme Settings > Products archive > Products styles and enable Product title lines limit option https://prnt.sc/ooGQwPYdc32U

Regards,

Hi there,

After following your instructions, it’s no better than how I started. Infact, it’s not good because the title just cuts off suddenly. There is still no alignment of anything. Even if the description title was long (IE 3 or 5 rows), the content such as product category, price and add to cart button should still be aligned.

Ideally, I don’t want to have to be limiting it to 2 or 3 lines. 4 lights, maybe, but anything less is a no go.

Attachments:

You must be logged in to view attached files.

Hi LiamTGCS,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

This is on mobile view – this is the AJAX Products Tabs element.

See how the buttons aren’t aligned nicely.

I understand that the title is longer/shorter on some listings, but I don’t want to set it to 1/2/3 lines of title, I just want the boxes to align nicely. It’s not attractive when customers view the website when the buttons aren’t aligned nicely.

Is there a way to properly have these buttons aligned? Or will it require custom CSS?

Attachments:

You must be logged in to view attached files.

Hi LiamTGCS,

Thanks for reaching to us.

Sorry, but there is no option in Theme Settings available for that. You need to find a third party plugin to achieve more functionality that best suits you.

Regards,

I suggest you do some more research in your own product. This is definitely an option within Elementor. The information you’ve told me is incorrect.

It’s the “Even product grid” under > Elementor > Style > Products design > Even product grid (Yes).

Hi LiamTGCS,

Even product grid for desktop option helps product items to be even, not resizing images or equal the length of titles, please see screenshot for better understanding https://prnt.sc/g2V_htGMgP5H

Regards,

[Author]

Posts