Announcement

Collapse
No announcement yet.

Centering in a circle

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Leslie,

    Based off the stock code, using a percent should do what you want.
    Code:
    .t-site-header__basket-link-quantity {
        margin-left: 0.25em;
        padding: 0.5rem 1em;
        border-radius: 50%;
    }

    Leave a comment:


  • lesliekirk
    started a topic Centering in a circle

    Centering in a circle

    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

    Code:
    .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?



Working...
X