FontAwesome icons issue

kamentsev

Dear support team,

I`m trying to change footer module with FontAwesone icons used but cannot add any other icons.
Original code:

<ul class="social-list social-color">
    <li><a href="#" title="Facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span><span class="element-invisible">empty</span></a></li>
    <li><a href="#" title="Twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span><span class="element-invisible">empty</span></a></li>
    <li><a href="#" title="Instagram" class="instagram"><span class="fa fa-instagram" aria-hidden="true"></span><span class="element-invisible">empty</span></a></li>
    <li><a href="#" title="Google plus" class="google-plus"><span class="fa fa-google" aria-hidden="true"></span><span class="element-invisible">empty</span></a></li>

  </ul>

how can i create youtube or telegram icon?
"fa fa-telegram" just wont work and i will get blank white square instead.

Ninja

kamentsev
Hi
For youtube use the code below

 <li><a href="#" title="fa fa-youtube" class="youtube"><span class="fa fa-youtube" aria-hidden="true"></span><span class="element-invisible">empty</span></a></li>

In the same way replace the icon code with

fa fa-telegram

I tested and it show working http://prntscr.com/1ubfrb0
Kindly apply the changes inside module and check.

Let me know if show blank.

kamentsev

Thanks for your reply, but what is wrong with footer position than?

Ninja

kamentsev
Hi
For the footer section kindly apply the custom style for new icon as below

.social-list.social-color li .fa.fa-telegram {
    background: #e4405f;
}

Change the color code as per need.

make sure your code is same as i shared for complete classes.

kamentsev

Thank you!