Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

Leftside - Custom HTML Module





In the leftside position use the core Joomla HTML Module to display the social icons. Use the following mark up for the Module HTML.


HTML


<div class="socialleft">
<div data-sr="wait 1.2s and then enter left please, and hustle 20px" class="sleft facebook" >
<a href="#"><i class="fa fa-facebook"></i></a>
</div>
<div data-sr="wait 1.4s and then enter left please, and hustle 20px"  class="sleft google">
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
<div data-sr="wait 1.6s and then enter left please, and hustle 20px"  class="sleft linkedin">
<a href="#"><i class="fa fa-linkedin">
</i></a>
</div>
<div data-sr="wait 1.8s and then enter left please, and hustle 20px"  class="sleft twitter">
<a href="#"><i class="fa fa-twitter">
</i></a>
</div>
</div>


Use the module suffix classes: nopad nomarg hidden-phone - This will remove the margin and padding from the module and hide it a mobile level.

NOTE: Make sure if you are using a WYSIWYG editor that you have HTML Stripping off or you may lose the HTML markup when saving

For more information on configuring the HTML Module visit the full documentation HERE



Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET