I would like the prices and buy buttons to all be aligned so they are straight in a row even if the product names are a mix of 2 or 3 rows of text. How can this be accomplished?
Here is a sample page where you can see they are not aligned because some product names are shorter or longer than others.
http://www.singh-ray-usa.com/product-category/camera-filters/neutral-color-density-filters/
Hi There,
That is how works by default. We can add CSS fixed but it might not work all the time. Try this custom CSS:
.tax-product_cat.woocommerce li.product .entry-header h3 {
min-height: 100px; /*Adjust this accordingly*/
}
Issues from a fixed is outside the scope of our support. That CSS will just add minimum height to product names so that no matter what they are aligned. That will of course add spaces on other products names with shorter names. An alternative way is by adding a same column height for each product and then positioning the button using CSS. Same product list height can be achieve usin g jquery and it is also outside the scope of our support. Thank you for understanding.
Worked like a charm. Thanks!
You’re always welcome!
Cheers.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.