Changing Icon for Search and Account in Craft Theme

Store Design
, ,
1

I got assistance changing the icon for the shopping cart, but I’d like to add my own custom design for the Search Icon and the Account Icon and keep them the same size as the shopping cart. Can anyone help?

2

@ambourne
Hello,
Can You Please Share Your Store URL…

3

sure - alybourne.shop (pw is: deothe)

4

Hello @ambourne

Try this code: It will be helpful -

Go to the online store> Theme>Edit code>Assets>base.css>Add code in this file.

.header__icon .icon {
    height: 4.4rem !important;
    width: 4.4rem !important;
}
5

Thanks - the size is helpful. But when I upload a new SVG for the account icon, I can’t see it. The file info for that is:

<?xml version="1.0" encoding="UTF-8"?>.cls-1{fill:#fdfdfd;}.cls-2{fill:#089049;filter:url(#drop-shadow-1);}

For the search icon, the info is:

<?xml version="1.0" encoding="UTF-8"?>.cls-1{filter:url(#drop-shadow-1);}.cls-1,.cls-2{fill:#089049;}.cls-2{filter:url(#drop-shadow-2);}