skip to Main Content

Social Icons for HooThemes

Many users ask us the questions about Social Icons because of failing to find the HTML Codes of Social Icons. This text is to tell you where to find the Social Icons HTML Codes for HooThemes.

  • Onetake Theme

In the Dashboard, go to Appearance > Theme Options > Homepage > Section 1, when you see the editor of Section Content, switch the Visual to Text, you will see the HTML codes as the following.

<div class=”brand”><span class=”bike fa fa-bicycle fa-3″> </span>
<h2>Impressive . Original . Awesome</h2>
<ul class=”social-icons”>
<li><a href=”#”><i class=”fa fa-2 fa-facebook”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-skype”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-twitter”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-linkedin”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-google-plus”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-rss”> </i></a></li>
<li><a href=”#”><i class=”fa fa-2 fa-youtube”> </i></a></li>
<a class=”btn” href=”#section-introduction”>Get Started</a>


Then replace “#” to your desired website.


  • SinglePage Theme

In the Dashboard, go to Appearance > Theme Options > Homepage > Featured Homepage Sidebar, in the Editor, switch Visual to Text, you will see the HTML codes.

<div class=”social-networks”>
<ul class=”unstyled inline”>
<li class=”facebook display-icons”><a title=”facebook” href=”#” rel=”external”> <i class=”fa fa-facebook fa-2x”> </i> </a></li>
<li class=”twitter display-icons”><a title=”twitter” href=”#” rel=”external”> <i class=”fa fa-twitter fa-2x”> </i> </a></li>
<li class=”flickr display-icons”><a title=”flickr” href=”#” rel=”external”> <i class=”fa fa-flickr fa-2x”> </i> </a></li>
<li class=”rss display-icons”><a title=”rss” href=”#” rel=”external”> <i class=”fa fa-rss fa-2x”> </i> </a></li>
<li class=”google-plus display-icons”><a title=”google-plus” href=”#” rel=”external”> <i class=”fa fa-google-plus fa-2x”> </i> </a></li>
<li class=”youtube display-icons”><a title=”youtube” href=”#” rel=”external”> <i class=”fa fa-youtube fa-2x”> </i> </a></li>

Then replace “#” to your desired website.


This Post Has One Comment
  1. Is there an instagram icon or do I need to just add it myself? I have no problem doing that, just trying to use the theme to it’s fullest. I have SinglePage Pro.

Leave a Reply

Back To Top