Social Media on Widget Footer Area

Hi there, can you please advice how did you do to add the social media list on this footer's demo? http://themes.muffingroup.com/be/bistro2/
I'm looking at the widget footer area where it says: "Find us here". I thought there would be a social media widget but haven't found the way to implement this on my site. Thanks!

Comments

  • HI,
    those are icons added in the HTML widget.
    http://themes.muffingroup.com/be/theme/shortcodes/typography/#iconbar

    They look better with the style simple selected.
    thanks
  • What do you mean style "simple" selected? Where can I even select a style? I cant find what you are saying... Also how can I update the colors for those icons? 
  • Still clueless about the style comment.

    I used this code: 
    <i class="icon-facebook" style="color: #A10604 !important;" link="#" target="" size="large"/>
    It worked to change the color but it didn't make the size large. How can I make it larger?
  • I mean the style in theme options>global>general you can set either the classic or the simple style for the theme.

    You can change the size like this:
    <i class="icon-facebook" style="color: #A10604 !important; font-size:20px;" link="#" target="" size="large"></i>

    Also remember that the <i> tags needs to be closed with </i>
  • Ok understood, my style is set to simple. Your code did the trick. Thank you so much for your help!


  • Hello,

    When I updated the links on this code, they don't seem to work. This is what I'm using:

    <div style="padding-right: 10%;">
    <i class="icon-facebook" style="color: #A10604 !important; font-size:20px;" link="https://www.facebook.com/CBS/" target="_blank" size="large"></i>
     <i class="icon-instagram" style="color: #A10604 !important; font-size:20px;" link="https://www.instagram.com/CBS/" target="_blank" size="large"></i>
    </div>

    The icons appear fine in my footer, but they don't appear link active. 

    Can you check is there is something wrong on this code?

    Thanks!
  • It is because you are using link="..." when all HTML elements are using href="..."
    Second thing is that you cannot link any HTML element you want, you have to use <a> tags.
    So it should be like this:

    <a href="https://www.facebook.com/CBS/">
    <i class="icon-facebook" style="color: #A10604 !important; font-size:20px;"  target="_blank" size="large"></i>
    </a>


Sign In or Register to comment.