resizing cart button

Follow

Comments

4 comments

  • Avatar
    Zetya Support

    Hi Ruben,

    I think you mean the cart icon right?

    To do this, change the CSS for #eyebrow-cart:

    #eyebrow-cart {

      background: url({{ "big-cart.png" | asset_url }}) no-repeat scroll left center transparent;

      height: 32px;

      padding-left: 23px;

    }

    Gavin.

  • Avatar
    Ruben Nunez

    I see that, but when I change that info the icon appears cut off. Here is a screenshot. 

    This is the link:

     

    #eyebrow-cart {

    background: transparent url(http://cdn.shopify.com/s/files/1/0066/3112/files/newcart.png?809) no-repeat scroll left center;

    padding-left: 23px;

    height: 16px;

    }

    http://plank.myshopify.com/

     

     

     

  • Avatar
    Zetya Support

    Hi Ruben,

    Try changing the padding:

    padding: 8px 0 8px 45px;

    Gavin.

  • Avatar
    Ruben Nunez

    Thanks! That worked.

Please sign in to leave a comment.