Add some CSS styling to the Quantity field including a solid border with a width.
In WooCommerce set the product to “Limit purchases to 1 item per order”
View the single product page on the front end
Take note that although the DIV has no height, the border on a 0 height DIV is still video hence creating a line.
Suggestion: Completely removing Quantity per condition, for example, would be even better.
Because for example, if someone using Display Flex with a gap, the empty div is taken into account, which leads to an inconsistent gap
Unfortunately, I cannot reproduce the issue. The element is still in the DOM, but I can’t manage to make the border visible. Can you provide a live link?
Thanks for the link!
Now I can understand why I can’t replicate the problem: the border is applied to a different selector in your case (frames custom CSS) than if you use the same settings in the builder
In principle, however, I agree with you and have created an improvement task.
After reviewing this report, we decided to not address this natively in Bricks as hiding or removing the entire .quantity div can lead to other unexpected issues. Such as accidentally hiding HTML that has been added via the Woo native actions woocommerce_before_quantity_input_field and woocommerce_after_quantity_input_field which are located inside the .quantity div.
@StewartR If you really need to hide the entire quantity HTML on the single product page because of the Frames border you can try using the following custom CSS:
