H2O: Social icon options

H2O has can display social links in 2 locations. 

Social link output locations

Location Output


Enabling the social bar

  1. Open the FlightDeck extension (control panel)
  2. Find "Hide Social Bar (footer)"
  3. Set as required
  4. Submit

Adding or modifying links

  1. Open the H2O theme options
  2. Scroll to the bottom
  3. Following the link format, paste your links into the Social Header & Footer Code section
  4. Submit

Link format:

<a href="http://www.facebook.com"><span class="fa fa-facebook"></span></a>

The icon image is served by FontAwesome. In this case fa-facebook represents the facebook icon. You can find a full list of supported icons here: FontAwesome 4.7 Icons.

Click an icon to find the fa- name, which can be used to replace fa-facebook above. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.