yoaj
December 11, 2021, 3:03am
1
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
suyash1
December 11, 2021, 3:18am
2
@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%;}
yoaj
December 11, 2021, 3:23am
3
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
suyash1
December 11, 2021, 3:31am
4
@yoaj - i think it might had width too, but somehow that too is deleted
yoaj
December 11, 2021, 3:43am
5
UH OH! Strangely enough, I refreshed the page after editing the css and it stopped working, again! Can you please have another look?
Thanks!
suyash1
December 11, 2021, 3:48am
6
@yoaj - I can not see the code above to add width
yoaj
December 11, 2021, 3:54am
7
Strange, because it is there..
Is there something wrong? Because my next lines of css ( 6010+) also stopped working…
suyash1
December 11, 2021, 3:56am
8
@yoaj - can you remove that comment line and check?
yoaj
December 11, 2021, 3:59am
9
Wow that worked! Thank-you. Is there another way to add a comment line that is better?
suyash1
December 11, 2021, 4:01am
10
@yoaj - add comment in /* your comment */