Huge line-height in woocommerce-message

[Anonymous 1444]

Anonymous 1444

September 1, 2016 at 4:55 am

Hi,

I noticed that the WooCommerce messages are really huge vertically when on Mobile, see *Login to see link

I think it’s because the line-height is too much, it is 40px whereas 20px and at the same time adjusting the padding/margin would be more appropriate in my opion.

I think it comes from assets/css/virtue-less/woocommerce-messages.less it is:

.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li {
...
line-height: 40px;
font-size: 15px;
}

and

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 15px 15px 15px 45px;
margin: 0 0 30px;
...
line-height:40px;
}

I know I can fix this easily in my child theme by overriding the virtue stuff. But don’t you also think that this should rather be fixed in Virtue Premium itself? Also I like to keep my child theme small if possible. I would prefer to wait for a release fix in case you agree.

Let me know what you think.