Jump to content


Photo
- - - - -

How do I add social media icons to the footer?


  • Please log in to reply
3 replies to this topic

#1 wise_tribe

wise_tribe

    Newbie

  • Members
  • 3 posts
  • LocationLos Angeles
  • Country: Country Flag

Posted 01 August 2013 - 06:29 AM

Hello,

 

I have downloaded some social media icons which I would like to ad in a vertical line down the 5th column in the footer

. Can anyone help with how to do this?



#2 batman

batman

    Bat Learning

  • Members

  • 2081 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 01 August 2013 - 09:46 AM

Hi wose_tribe

Please, you can try add something like

 

<div class="social-bar pull-right">

<ul class="zmt zmb">

<li><a href="#" target="_blank"><i class="icon icon-dribbble"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-facebook"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-google-plus"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-instagram"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-linkedin"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-pinterest"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-twitter"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-youtube-play"></i></a></li>

<li><a href="#" target="_blank"><i class="icon icon-rss"></i></a></li>

<li><a href="mailto:hello@example.com"><i class="icon icon-envelope"></i></a></li>

</ul>

</div>

 

You remember to replace # with your social media network URLs.


  • wise_tribe likes this

#3 wise_tribe

wise_tribe

    Newbie

  • Members
  • 3 posts
  • LocationLos Angeles
  • Country: Country Flag

Posted 01 August 2013 - 03:31 PM

Thank you @

Please Login or Register to see this Hidden Content

! Where do I drop this in, and can this be formatted to look a certain way, for example, I would like all the icons to be the same color, do I need I provide them as they should look?



#4 batman

batman

    Bat Learning

  • Members

  • 2081 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 01 August 2013 - 05:03 PM

Sure wise_tribe

In Framework you go to

PageLines > Site Option > Header and Footer and go to the end for example in

FootCols Section - Site Terms Statement 

and copy/paste the code

 

It you have DMS you have the information here

 

Please Login or Register to see this Hidden Content

 

There are an example

Regards