Align Selector with Add to Cart VERTICALY

.qib-container {
margin-bottom: -17px;
}

for Button Heigh 42px, works for me.

• This reply was modified 4 years, 6 months ago by lestra.

Hello,

I’m glad that you managed to find a workaround quickly. For a more flexible solution, you can remove this margin and apply the following instead:

.add_to_cart_button:not(#qib_id):not(#qib_id) {
    display: inline-block;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    float: none;
    vertical-align: top;
    text-align: center;
}

These are normally applied on the archive pages, including shop. I’m not sure why it doesn’t appear in CSS loaded on this page. Perhaps it’s just a home page but not “Shop” page in WooCommerce sense.

I would also display: none; this quantity label on the product page:

https://i.imgur.com/WSnUwjg.png

Best regards,

Ryszard

• This reply was modified 4 years, 6 months ago by taisho.

Perhaps it’s just a home page but not “Shop” page in WooCommerce sense.

One other user also had the same formatting issue on the home page. I’ll release a fix in the next plugin release to treat the home page the same as a shop page if the buttons are to be displayed there according to plugin settings.

Thank you so much for response. It is home page, not shop page. I use theme’s woocommerce widget (visual composer) for displaying product category as grid or list.

Your plugin is so good, thank you!

Taisho I can not remove quantity label on product page without removing number(count).

View post on imgur.com

Can you help with css here please?

I see that this has been fixed. There is no label anymore.

Earlier when I checked it, display: none; for the label with “Quantity” text didn’t affect the number. Whatever solution was used (I can’t find the label, even hidden anymore) it achieved the goal. If there are still some artifacts, try opening the page in Incognito mode / clear cache.