Quantity button not center aligned

  • Resolved dusucre

    (@dusucre)


    3 years, 2 months ago

    Hi!
    Thanks so much for the lovely plugin. I really like how customisable it is out of the box. The only problem I have that the quantity button is somehow not in the middle of the plus and minus buttons. Could you tell why? Perhaps there is a conflict in the custom CSS? Could you maybe tell me what I should be looking out for in the CSS? Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor CodeAstrology IT Firm

    (@codeastrology)

    Hello dusucre,

    Please add below custom CSS on your site.

    `.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity {
    margin: 0 7px 0 7px !important;
    }

    .qib-button-wrapper .quantity input.input-text.qty.text {
    margin-left: 0px !important;

    }

    .qib-button-wrapper button.qib-button, .qib-button-wrapper .quantity input.input-text.qty.text {
    border-color: #8dcfc8 !important;
    color: #8dcfc8 !important;
    border-width: 2px !important;
    border-radius: 20px;
    }

    your output will be like this screenshot(https://prnt.sc/1qxp8kr)

    If still have a problem then please create a ticket at https://codeastrology.com/support/ for better support.

    Regards,

Viewing 1 replies (of 1 total)
  • The topic ‘Quantity button not center aligned’ is closed to new replies.