Add to cart button aligh

  • Hi, add to cart buttons are not aligned in my website. the products category names and some products titles are too long.
    i tried this but not working

    .woocommerce ul.products li.product li.title a {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
    }

    i tried Woo Align Buttons plugin and it does not solve the problem.
    can you give me some css or js codes to fix the problem? and thank you

    View post on imgur.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    Can you share your site link so that I can check it? To fix the image size, go to Customize > Woocommerce > Product image – enter a size and set ratio 1:1.

    Also, use the below css code. Adjust the value as per your need – 

    .woocommerce ul.products li.product li.category {
    line-height: 2.5ex;
    height: 7ex;
    overflow: hidden;
}
    Thread Starter saifmnasri

    (@saifmnasri)

    thank you , this is the link to my site

    https://clever-mama.com/shop/

    https://clever-mama.com

    Have you tried the above code I gave you? Here once again – 

    .woocommerce ul.products li.product li.category {
    line-height: 2.5ex;
    height: 8ex;
    overflow: hidden;
}

    Woo Align Buttons has a workaround for OceanWP Theme.
    Download version 5.0.1 from the bottom of the page Here.
    Delete the version you currently have installed, then upload and activate version 5.0.1.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add to cart button aligh’ is closed to new replies.