How can I adjust cart icon size on Refresh theme?

Store Design
1

I’ve found the following in base.css

.header__icon .icon {
height: 4rem;
width: 4rem;
fill: none;
vertical-align: middle;
}

.header__icon,
.header__icon–cart .icon {
height:4rem;
width: 4rem;
padding: 0;
}

But when I try to change the size on either of those it only increases the size of my search and login icons.

My url and pword are here just in case they are needed. Thanks for any help in advance!

https://kronen-p0ps.co.uk/

slbenfica999

2

Hi @kronen-p0ps , try with this:

header__icon--cart img{
height:100px;
width:100px;
}

Screenshot 2022-07-03 at 19.58.14.png
Screenshot 2022-07-03 at 19.58.14.png831×201 16.9 KB

Change value with the value you’d like. :slightly_smiling_face:

3

I should also mention that I am trying to use a custom cart icon from icons8.

4

Thank you for the reply - Where did you add this to the code please? I just pasted it at the end of the base.css file and nothings changed sadly.

5

Try to add this at the begging of the file and add !important at the end of these values, like this:

header__icon--cart img{
height:100px!important;
width:100px!important;
}
6

Strange, its still not changing size for me.

7

Are there any other things I could try?

8

So I have changed the cart icon back to the default but still seem to be unable to change the size - just wondering if anyone has any ideas? Thank you