Footer Social Icons Module

Module position: footer-info

Module suffix: Not used

If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below:

Step-1

Step-2

Step-3

Add the below code in your custom html module

<div class="right">
    <ul class="social-icons right">
        <li><a href="#" class="facebook"><i class="icon-facebook"></i></a>
        </li>
        <li><a href="#" class="twitter"><i class="icon-twitter"></i></a>
        </li>
        <li><a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
        </li>
        <li><a href="#" class="dribbble"><i class="icon-dribbble"></i></a>
        </li>
        <li><a href="#" class="flickr"><i class="icon-flickr"></i></a>
        </li>
        <li><a href="#" class="vimeo"><i class="icon-vimeo"></i></a>
        </li>
        <li><a href="#" class="rss"><i class="icon-rss"></i></a>
        </li>
    </ul>
</div>

Last updated