Change Sign In Icon with a custom image


I would like to customize the icon of the Sign In. Is it posible? I would like to change it with an image of mine. I am using Vue and Nuxt.

Thanks in advance


Hi @Nerea, thanks for reaching out!

We do not allow at the moment the complete overriding of the Sign In component, but you can customize it with CSS, for example:

.snipcart-cart-header__sign-in {
  border: #444 solid 1px;
  border-radius: 10px;
  padding: 10px;

So for a custom image you could hide our elements (text and icon), and set a background image with a set height and width to the div.

Let me know if you have further questions.

Thanks! :slight_smile: