[Resolved] How do I turn Menu name “my account” to account icon like in Emeral

[Kevin]

Can you tell me how account icon is created in Emerald Theme?

https://gpsites.co/emerald/

I have menu item called “my account” and I want to display like in Emeral (little head icon)

I do not want to install font awesome as I do not use icons on the website at all.

Thank you.

[Fernando]

Hi Kevin,

The Account Icon in Emerald is added through a Block Element hooked to menu_bar_items as such: https://share.getcloudapp.com/z8uLWGlw

Specifically, there is a Button Block with an icon set: https://share.getcloudapp.com/GGul977Y

Hope this clarifies. 🙂

[Kevin]

Hi.
I am trying to achieve same thing by adding Font Awesome and using icons instead.

I have added Font Awesome plug-in and then
used following in navigation label

<i class=”fa-light fa-user”></i>

However, I am seeing weird symbol instead of icon.
Can you please check on my site please?

[Fernando]

Try <i class="fas fa-light fa-user"></i> instead. I added fas to its classes.

Kindly let us know how it goes. 🙂

[Author]

Posts