Add to cart buttons not in line due to different length product names

Retired Boards Appdev Store Design
1

Using a third party theme called etools, it is a 2.0 theme

Having an issue where the add to cart button is not in line across all the products, this was initally due to different size images so i resized them to resolve. However some are still not in a line because of different product name lengths.

How can i ensure the add to cart button is all in the same line no matter the product name length? It just looks messy with them all on different levels.

5EC71B04-B693-427C-98C3-ECB7F59D801C.jpeg
5EC71B04-B693-427C-98C3-ECB7F59D801C.jpeg2570×972 181 KB

Thanks!

2

@fireflydigital

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Please share your url?

4

Hi @fireflydigital ,

Go to Assets > component-card.css and paste this at the bottom of the file:

@media (min-width: 480px){
	.card-information__text {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

Hope it helps!

5

Thanks so much @LitExtension ! This seems to have sorted it :slightly_smiling_face:

1 Like