Home icon in place of text

[SecureSpot]

Hello

I am trying to put a home icon in place of the word “HOME” on my menu.
I have entered the following into my navigation label:

I can see that the actual icon link has worked however it shows as blank (I have a white header background).
How do i customise the icon colour? Is there code I can add to the above as a quick fix?

Thank you

[ruenel]

Hello There,

Thanks for posting in!

To resolve you issue, please use this code instead:

<i class="x-icon x-icon-home" data-x-icon="&#xf015;" aria-hidden="true"></i>

And to change the color, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-icon-home {
  color: red;
}

Feel free to change the color that will suit your design.

[SecureSpot]

Fantastic! All working and I didn’t even need to change the colour with CSS!

Thanks heaps!

[friech]

We are delighted to assist you with this.

Cheers!