I am using "Qrack" theme and I am having an issue with the alignment of the "Add to cart" buttons. When the product title takes 1 line to display, the "Add to cart" button is displayed immediately below. However, when the product title is 2 lines, or 3, the button is displayed further down, which gives the collection pages an uneven look.
Just to get an idea how it works:
Can anyone suggest me a viable CSS fix to make every button aligned on the same row? Thank you for your time.
Here's the stackoverflow I pulled from:
Thank you for you response.
In this case I do not need to align all the elements. I would like to have "ADD TO CART" button aligned to the bottom only. Here it is the screenshot of what I would like to have:
Yeah it's the same concept. I posted for all the elements because in the examples it looked like you had different sized product images and titles. In this case you would need to find the containing element that houses your titles and reviews and use JS to find which of those is the biggest, then set them all to that height