Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #4146535
+ Quantity - Button
Open

Comments

  • Stefanie started the conversation

    We’re experiencing a layout issue with the quantity selector (+ / – buttons and input field) in the list view of the product bundle (WooCommerce Product Bundles Pro).

    • The entire quantity control sits too far to the right and doesn’t align properly with the rest of the layout.
    • The input field for the quantity is far too wide, especially compared to other product elements.
    • Mobile responsiveness is completely broken – the quantity section overflows or breaks the layout on smaller screens.
    • Custom CSS added via the Customizer has no effect on the styling or positioning of these buttons and fields. We’ve tried targeting all known classes (.woosb-quantity, .woosb-quantity-input, .qty, etc.) with no success.

    We suspect there may be hardcoded inline styles, JS conflicts, or specificity issues preventing overrides. A solution that allows for correct alignment, narrower input sizing, and mobile-friendly behavior would be greatly appreciated.

  •  1,500
    Dustin replied

    Hi Stefanie,

    Please add the below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosb-quantity-input .quantity {
        min-width: 40px;
    }
    
    .woosb-wrap .woosb-products .woosb-product .woosb-availability p {
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    
    .woosb-products-layout-list .woosb-quantity-input {
        transform: none !important;
    }

    And the result:

    3582661610.png

    Also, add the custom code below. (How to add custom code? ↗):

    https://gist.github.com/wpclever/1ed35e2ac81f2d7abf139ded7d5c9580

    And the result:

    8420063010.png

    Best regards,
    Dustin