We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: How do I change the login / sign in icon in the header ?

Solved

How do I change the login / sign in icon in the header ?

THUC
Visitor
1 0 0

How do I change the login / sign in icon in the header ?

Dawn Theme version 7.0.1


 

Screenshot login icon.png

Accepted Solution (1)

BSS-Commerce
Shopify Partner
3478 465 562

This is an accepted solution.

Hi @THUC 

We would like to give you a solution below:

- If you want to change the login/sign-in icon, please find the icon you want and download the SVG file.

view (59).png

- Open the downloaded SVG file with a text editor, for example, windows notepad.

view (60).png

- Copy the content inside the downloaded SVG file.

view (61).png

Then, go to Shopify's theme in admin and select Edit Code:

view (62).png

- Find the file icon-account.liquid

view (63).png

- Replace the content in the file with the copied content in the SVG. file

- Add class="icon icon-account" to the SVG tag as shown in the image "after"

 

Before

view (64).png

After:

view (65).png

- Check the change in the store:

view (66).png

I hope that it will work for you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


Product Labels by BSS | B2B Solution & Custom Pricing


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSS-Commerce
Shopify Partner
3478 465 562

This is an accepted solution.

Hi @THUC 

We would like to give you a solution below:

- If you want to change the login/sign-in icon, please find the icon you want and download the SVG file.

view (59).png

- Open the downloaded SVG file with a text editor, for example, windows notepad.

view (60).png

- Copy the content inside the downloaded SVG file.

view (61).png

Then, go to Shopify's theme in admin and select Edit Code:

view (62).png

- Find the file icon-account.liquid

view (63).png

- Replace the content in the file with the copied content in the SVG. file

- Add class="icon icon-account" to the SVG tag as shown in the image "after"

 

Before

view (64).png

After:

view (65).png

- Check the change in the store:

view (66).png

I hope that it will work for you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


Product Labels by BSS | B2B Solution & Custom Pricing


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
amiraelhadi
Tourist
9 0 5

Hello,

I tried this solution but the icon just disappeared from both the desktop and mobile. any suggestions?

amiraelhadi
Tourist
9 0 5

It worked with me. It's just smaller than the cart icon 😕

s_ZOO
Visitor
3 0 0

can you tell me how to increase the login icon size for desktop ?