Site logo

Archived topic

Strange X close symbol and tiny cart thumbnails with Prime GP

3 replies · Started by Richard on March 22, 2022

Viewing posts 1–4 of 4

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 :)

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!

This archived topic is closed to new replies.