Jump to content
wise_tribe

How do I add social media icons to the footer?

Recommended Posts

wise_tribe    0
wise_tribe

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?

Share this post


Link to post
Share on other sites
batman    389
batman

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.

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
wise_tribe    0
wise_tribe

Thank you batman! 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?

Share this post


Link to post
Share on other sites
batman    389
batman

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

 

http://docs.pagelines.com/tutorials/creating-a-branding-area

 

There are an example

Regards


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×