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

[fireflydigital]

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.

Thanks!

[KetanKumar]

@fireflydigital 

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

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

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

[eFoli-Trapa]

Please share your url?

[LitExtension · Accepted solution]

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!

[fireflydigital]

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