Astra Theme add to Cart Alignment

Hello,

thank you for reaching me, unfortunately, to troubleshoot it, I would need a link to the page where I can see the problem. I couldn’t find anything in plugin styles that could cause such styling change – this said, Qty Increment Buttons for WooCommerce does indeed make some styling changes to the Add to cart button – to properly position it and keep the size corresponding to the quantity field and increment buttons. It can potentially negatively affect the existing style in some cases.

Best regards,

Ryszard

Just install Astra theme in a clean wordpress environment with woocommerce and your plugin. You will see that the add to cart button gets
misaligned when your plugin is active.

I was sure that Astra is paid because the download button on the developer’s page redirected me to paid plans.

I activated the theme on clean WooCommerce install and I can’t reproduce the issue on my end. Normally Add to cart button padding from Astra theme would cause the button to look like on your screenshot when the button height is set to a fixed number of pixels what my plugin does, but in the following CSS rule of my plugin:

form.cart button[type='submit']:not(#qib_id), form.cart .qib-container + div:not(#qib_id) {
    display: inline-flex;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    float: none;
    vertical-align: top;
}

padding-top and padding-bottom being set to 0 make the text vertically centered. vertical-align is for positioning the button itself within the container, to make it in one line with the quantity field and increment buttons and doesn’t affect the text.

• This reply was modified 5 years, 2 months ago by taisho.

Ok thank you will check further!