Font awesome icons in footer

Support
#1

Hi there,

I have a site here at http://jagkin.com and at the footer you will notice four column sections (built with footer builder). I have a text element and within the text element have included this code:

<i class="fa fa-home" aria-hidden="true"></i>
Pu'er Simao, Yunnan, China
<br/>
<br/>
<i class="fa fa-phone" aria-hidden="true"></i>
(86) 14788083000 <br/><i class="fa fa-phone" aria-hidden="true"></i>(66) 0618038885 <br/><i class="fa fa-phone" aria-hidden="true"></i>(61) 1300088258
<br/>
<br/>
<i class="fa fa-hourglass" aria-hidden="true"></i>
Mon-Fri: 9:00-17:00

Basically, we included the font awesome shortcode (which works elsewhere across the site) but the icons don’t appear front-end. Please advise.

Kind regards

jagelman

Edit: the column content being discussed is “Contact”

#2

Hi There,

Please update the hmtl code to this:

<i class="x-icon x-icon-home" data-x-icon="" aria-hidden="true"></i>
Pu'er Simao, Yunnan, China
<br/>
<br/>
<i class="x-icon x-icon-phone" data-x-icon="" aria-hidden="true"></i>
(86) 14788083000 <br/><i class="fa fa-phone" aria-hidden="true"></i>(66) 0618038885 <br/><i class="x-icon x-icon-phone" data-x-icon="" aria-hidden="true"></i>(61) 1300088258
<br/>
<br/>
<i class="x-icon x-icon-glass" data-x-icon="" aria-hidden="true"></i>
Mon-Fri: 9:00-17:00

Hope it helps :slight_smile:

#3

Thanks!! I will try the code you sent :slight_smile:

However on a new note can you help me look at some anchor links that I’ve set up please?

Same site: jagkin.com, if you look under “About” and “Services” you will see all the anchor links. To create them I gave each relevant section an ID then linked the menu items with the format /page-name/#ID.

If you visit them you will notice a few errors:

  1. The anchors correctly visit each section but doesn’t take into account the menu, resulting in the menu covering the uppermost part of the section. We would like if the bottom of the menu just touches the very top of the next section that we are linking to.

  2. Ideally we have smooth scroll to anchor sections like other sites have and not just a random jump. We’d like to have this implemented both within a single page and across two different pages. I seem to recall this being a function that X was capable of previously (and built in before) so hoping that it is an easy fix.

Please advise on what we should do. Let me know if there is something that doesn’t make sense. Thanks very much,

jagelman

#4

Hi There,

Thanks for writing back! but please open a separate support ticket regarding your anchor links issue and we’d be happy to help.

This way we can accurately track your issues, multiple question in one ticket makes it difficult to follow for us and for the future user who may find this ticket.

Thanks for your understanding.