Centering in a circle

[lesliekirk]

This one has me stumped. I need to center the cart quantity in the fasten_header which I have modified to look like a "circle". It looks like this

14MEHd.png

The CSS I have is

.t-site-header__basket-link-quantity {
    padding: 0.25em 1.125em 0.25em 0;
    border-radius: 1em;
}

If I play with the padding I lose the circle shape. Should I try percentages?

[Matt Zimmermann]

Hi Leslie,

Based off the stock code, using a percent should do what you want.

.t-site-header__basket-link-quantity {
    margin-left: 0.25em;
    padding: 0.5rem 1em;
    border-radius: 50%;
}

[lesliekirk]

Thanks Matt, that's getting in the right direction!