How to allign “Add to Cart” button in Woocommerce?

66
February 25, 2018, at 00:37 AM

I have small issue into my Woocommerce shop. I fixed different images size after Woo 3.3.3 update, but seems that buttons are misalligned. So how to make it all alligned? Example URL here.

I tryed this:

.woocommerce ul.products li.product .button {
margin-top:30px;
}

but is moving all buttons down, not only misalligned ones. Help?

Answer 1

Add style in your active theme style.css.

ul.products li.product h3, .woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-page ul.products li.product h2.woocommerce-loop-product__title{
        min-height: 38px !important;
        max-height: 40px !important;
}
READ ALSO
Why does the container height change when scrolling just past the typed.js span?

Why does the container height change when scrolling just past the typed.js span?

I've working at this issue for ages and it still seems a mysteryWhen I scroll just past the typed

65
How to use lightning Effect from AnimTrap CSS for my html page

How to use lightning Effect from AnimTrap CSS for my html page

I want to add a lightning effect using AnimTrap CSS for my HTML FrontendHow to use it? i tried with this code

74
JS pop up form with HTML form

JS pop up form with HTML form

My page is: http://www2leicabiosystems

162
Generate repeating hexagonal pattern with CSS3

Generate repeating hexagonal pattern with CSS3

So, I need to make a repeating hexagonal pattern, using CSSIf images are needed, I can go there, but I'd prefer to just use CSS if possible

89