Express Theme quantity in cart counter bubble appears squished after editing border radius

Hello!

I edited the border radius of the image (product-card__image-wrapper) and the quantity in cart counter bubble (product-card__quantity). At first everything looked fine, great! But upon a few refreshes the counter bubble seems to be squished. Can anyone figure out why.. I certainly cannot figure this out!

Thank-you!

-Anthony

https://www.nutejuice.com

PW- rainyday

@yoaj - add this to the very end of your theme.min.css file and check, adjust numbers as per need

.product-card__quantity.in-cart.is-visible {width: 30px;    border-radius: 50%;}

Awesome, thank-you for such a fast reply!

I chose to omit the border style as I wanted to keep the edit I previously made. This part of your solution fixed my problem. Thank-you!

.product-card__quantity.in-cart.is-visible {width: 30px}

If you don’t mind explaining (so I can learn,) how was the div maintaining the width before? why did it change after I edited the border radius?

-Anthony

@yoaj - i think it might had width too, but somehow that too is deleted

UH OH! Strangely enough, I refreshed the page after editing the css and it stopped working, again! Can you please have another look?

Thanks!

@yoaj - I can not see the code above to add width

Strange, because it is there..

Is there something wrong? Because my next lines of css ( 6010+) also stopped working…

@yoaj - can you remove that comment line and check?

Wow that worked! Thank-you. Is there another way to add a comment line that is better?

@yoaj - add comment in /* your comment */