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.
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).
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.
Hi Stefanie,
Please add the below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
And the result:
Also, add the custom code below. (How to add custom code? ↗):
https://gist.github.com/wpclever/1ed35e2ac81f2d7abf139ded7d5c9580
And the result:
Best regards,
Dustin