Archived topic
Strange X close symbol and tiny cart thumbnails with Prime GP
3 replies · Started by Richard on March 22, 2022
https://watch.screencastify.com/v/QvnmmsPb94IvCPi2UD41
The X in the circle is off-center. When I uncheck the font-family, it fixes it. I don't know the implications there but would like to get it looking right.
Also, the image thumbnails in the cart are super tiny. This is the way the Prime starter site was designed. I need them to not be tiny.
For the product thumbnail, seems it's caused by some new CSS Woocommerce added, I checked using Twenty twenty series theme, it looks the same:
https://www.screencast.com/t/n3yutlWrGX
You can try add this CSS to fix it:
.woocommerce table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
width: auto;
max-width: 70px;
}
For the x button, it also styled by Woocommerce, try add this CSS:
.woocommerce a.remove {
line-height: 1em;
}
And for the number next to the cart icon, its position is set to be top right intentionally, how do you want it to be changed?
Let me know :)
I'm trying to restore some space for the Log out part of the header once it gets below 1179px. How would I do that? I did a display:none to the #phone but it seems to be still taking up space: https://watch.screencastify.com/v/U4gsF7K49PmTjmmiW0N8
Can you open a new topic for non related questions?
A quick tip to this question, you need to target the parent of the phone icon, so the wp column:
https://www.screencast.com/t/8jMrBz2Cmmj
Thanks!