Support » Fixing WordPress » Allign “add to cart” button

  • Hi, i need allign all the buttons at the same heigh. I’ve trying diferent CSS codes, but nothing solve my issue.


    • This topic was modified 2 years, 6 months ago by grafy.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    iam not a geeky one. But i think, The buttons are on the same height, but you should notice the difference between the product description.

    First product has a long description and that’s why the button went down.

    of course, the problem is by the lenght of the titles, but i cant make them more shorter…

    I need a CSS parameter for a minimum distance from Title to “add to cart Button” (there isnt any description)

    You can set a min height for the container (li) then set an absolute position for the button within the container.

    I tried this and it seemed to work fine.

    .woocommerce ul.products > li {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 350px;
    position: relative;

    .woocommerce ul.products > li .cart {
    margin: 5px 5%;
    position: absolute;
    bottom: 30px;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Allign “add to cart” button’ is closed to new replies.