How to add social icons/links on header?

It is possible to add social icons with links in the top header bar or any other widget area as instructed below:

  • Navigate to any of the text editors available in the eLearning theme.

    For example: Navigate to the Header Top Bar and choose Text/HTML from the Left Content or Right Content drop-down.

  • Select text from the text area tab.

  • Add the following code inside the text area box:

<div class="header-bar-social-icons">
    <a href="https://facebook.com/elearningtheme/">
        <i class="fa fa-facebook"></i>
    </a>
    <a href="https://twitter.com/elearningtheme/">
        <i class="fa fa-twitter"></i>
    </a>
    <a href="https://plus.google.com/elearningtheme">
        <i class="fa fa-google-plus"></i>
    </a>
    <a href="https://linkedin.com/elearningtheme">
        <i class="fa fa-linkedin"></i>
    </a>
</div>

Add Social Icons



Was this article helpful to you?
Give us Rating

Last edited on November 17, 2022.
Edit this page