[Resolved] Woocommerce Remove Product from Cart Button Styling

[Manuel]

Hi GP Team,

I think in the CSS of Woocommerce there is small bug with the remove product button:

.woocommerce a.remove {
    color: inherit!important;
    background: 0 0!important;
    border: 1px solid!important;
    border-color: inherit;
    font-weight: 400;
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
}

Since the the line height is 17px and not 16px, the x is not centered correctly.

Is this related to GP or WooCoomerce?

[David]

Hi there,

Not much we can do about that – the WOO templates uses a regular x that is set to use the System Stack font – this keeps the it lightweight – but the negative of it is: different devices use different fonts which all have different X-Heights so the alignment changes…. on my Mac Browser for example its almost perfectly centred.

[Author]

Posts