How can I align all the products in a straight line?

  • Resolved aviya1

    (@aviya1)


    5 months, 2 weeks ago

    I am currently learning woocommerce. I have add some products to my site, but the items are not aligned straight correctly – the location of the price and the cart button changes as the length of the product title (if the title is longer then the button will be downer)

    https://ibb.co/fpWN7ws

    Any tips?

    • This topic was modified 5 months, 2 weeks ago by aviya1.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Rok Meglič

    (@rokmeglic)

    5 months, 2 weeks ago

    The titles are causing this. Could you try with this CSS code:

    .product h2 {
    height: 60px; /* Adjust the height as needed */
    overflow: hidden;
    text-overflow: ellipsis;
}
Thank you ChatGPT.
    Plugin Support carolm29 (woo-hc)

    (@carolm29)

    5 months, 2 weeks ago

    Hey there, @aviya1! Thanks for contacting us.

    While on the specific screenshot you sent the titles are what makes the buttons not line up, that’s not the only thing that might interfere with it. “On Sale” tag and “select options” buttons, or star reviews might also change the height, for example.

    Having said that, the specific CSS code to fix that might change depending on your theme and how it sets up the templates. So it would be best to reach out to their support so they can help you with a CSS code that fits your website.

    Please let us know if there’s anything else we can do to help.

    Have a wonderful day!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.