WallBB Forums
Focus Theme - How to modify/add social links in footer - Printable Version

+- WallBB Forums (https://wallbb.co.uk/forums)
+-- Forum: Theme Section (https://wallbb.co.uk/forums/forumdisplay.php?fid=5)
+--- Forum: Theme Documentation (https://wallbb.co.uk/forums/forumdisplay.php?fid=9)
+--- Thread: Focus Theme - How to modify/add social links in footer (/showthread.php?tid=29)



How to modify/add social links in footer - WallBB - 11-30-2017

This tutorial will show you how to modify/add links in footer in Focus MyBB theme. I will use demo example of Instagram for adding a new social profile. Focus theme uses font-awesome icons, so you can use those icons and add any other profile you want. Follow this links to find all font awesome icons - http://fontawesome.io/icons/

[attachment=15]

To Modify/add the links above, follow the below steps :-
  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Footer Templates > footer
  3. Modify the below code with your social profiles
    Code:
               <a href="#" title="Facebook"><span class="fb"><i class="fa fa-facebook"></i></span></a>
                        <a href="#" title="Google+"><span class="google"><i class="fa fa-google-plus"></i></span></a>
                        <a href="#" title="Twitter"><span class="twitter"><i class="fa fa-twitter"></i></span></a>
                        <a href="#" title="RSS"><span class="rss"><i class="fa fa-rss"></i></span></a></span>

  4. If you want to add another social link(For example- Instagram), add the code just below the above footer
    Code:
    <a href="#" title="Instagram"><span class="instagram"><i class="fa fa-instagram"></i></span></a>


Save the above template and viola, you have added and modified social links in focus MyBB theme.


Regards
WallBB