SOLVED: Add to Cart Quantity and Button width on a class

Bugs
1

Hi,

I am unable to change the Width of both the Quantity and the Button on the Add to cart element when a class is assigned.

Info:

  • Mobile-first
  • Bricks 1.8.1

Thanks

2 Likes
2

Hi Mike,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

2 Likes
3

@timmse,
I’m seeing something similar. While you’re working the bug fix, is there something I can do to at least make the quantity selector and the add to cart button centered in the form?

image
image905×596 13.1 KB

Btw - originally when I had class chaining turned on, both were locked at 100% width. When I turned class chaining off, it is now locked into about 1/3 width. I did try adding 100% width to the quantity and add to cart sub-elements within the add to cart element but it had no effect. I also made the add to cart element in layout 100%.

image
image1007×523 43.4 KB

image
image431×508 14.3 KB

4

Note: I solved it with the below css, but would be nice to do it from the builder:

form.cart .quantity, form.woocommerce-cart-form .quantity {
width: 100%;
}
.woocommerce .button {
width: 100%;
}

5

Hi guys,
We’ve fixed this issue in Bricks 1.8.6, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like