I'm having trouble adding in the calendar icon to the topbar, please help!

[core365]

Hi, I’m trying to add the Font Awesome calendar-alt icon to the topbar before the text ‘Book an Appointment’. I’ve added in the following CSS but for some reason it’s not working and I haven’t got a clue why!

<font color="#4c9a34"><i class="x-icon x-icon-l-calendar-alt” data-x-icon="" aria-hidden="true"></i></font>

I’ve uploaded a mockup of what I’m trying to achieve.

I’ll put the URL in a secure link as I’ve got a maintenance page up at the mo, so I’ll include the By Pass Password too.

Thanks!

[Prasant]

Hello @core365,

Thanks for writing in!

Please update the code with following code:

<font color="#4c9a34"><i class="far fa-calendar-times" data-x-icon="" aria-hidden="true"></i></font>

Thanks.

[core365]

Hi @Prasant

That’s great, thanks! It’s much appreciated!

Cheers!

[jade]

Hi @core365,

Yes, you just have to wrap the current code in an <a> tag like this:

<a href="https://example.com"><font color="#4c9a34"><i class="far fa-calendar-times" data-x-icon="" aria-hidden="true"></i></font></a>

Hope this helps.

[core365]

Hi @Jade,

Thank you, that’s spot on!

Cheers!

[Prasant]

You are most welcome.