How to use my own/customized icons for header?

Highlighted
New Member
2 0 0

Seeking a solution on how to change and use my own icon for account, search, and cart.

Saw another post and tried finding svg url in header.liquid, couldn't find such a thing. 

Instruction or suggestions are also welcomed. 

my site http://quevina.com

password:tingtop

 

Thanks

 

0 Likes
Highlighted
Shopify Partner
1031 226 319

Hi

In your theme used font-family: "icons";
please check your assets/timber.scss.liquid file .

find this class

 

 .supports-fontface .icon:before {
font-family: "icons";}

 

yes you can use like this but keep 'icon-customer and icon' class, you have to manage this with css once you change existing icon

 

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
2 0 0

Hi dmwwebartisan

Thanks for the instructions.

As someone who knows nothing about coding, the instructions look very advanced and it is way beyond my knowledge. From your suggestion, it looks to me that the theme is using icon Webfont for the website. However, I was thinking about something as simple as finding the icon files/URL and replacing it. 

Do you mind sharing a more understandable way to your solution? Otherwise, if this is too complicated to describe, it is better for me to remain unchanged.

 

Thank you

0 Likes