Archived topic

Woocommerce Remove Product from Cart Button Styling

1 reply · Started by Manuel on March 1, 2021

Viewing posts 1–2 of 2

March 1, 2021 at 1:26 am #1676888

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?

March 1, 2021 at 5:44 am #1677141

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.

This archived topic is closed to new replies.

Start building better websites today.