Re: How to resize my custom cart icon in brooklyn theme

How to resize my custom cart icon in brooklyn theme

Lowie57
Tourist
8 0 2

As the title is asking , i have installed a custom cart icon in the header.liquid. It is giving me the image I want but it is much too large.

 <span> <img src="https://cdn.shopify.com/s/files/1/0592/4080/8605/files/New_Cart_Button.png?v=1631256692" aria-hidden="true"></span>

 How do i go about resizing this image so it fits in my menu nav bar properly?

Another post i found shows how to increase the size, i am guessing this would also work with decreasing? I am just unsure how to change this code below to get it to change my icon as this code is only changing the default icon path?

.site-nav__link--icon .icon.icon-cart {
    font-size: 32px;
}



Thank you for the help!

Replies 2 (2)

Stan_Uvidest
Shopify Partner
20 2 4

Hi @Lowie57 , it would be much easier to help you, if you attach link to your website.
However, you can add height property in css for your image, so it would be something like :

.cart-class img{
height:24px;
width: auto;
}
Lowie57
Tourist
8 0 2

of course! it is https://www.modassi.com.au/

 

Which section should I paste that code in to, to resize my cart button?