Okay
Jump to Article Category ... All Categories Neresa WP (3) Fabius WP (3) Romea WP (3) Teoro WP (3) Kaven WP (3) Ukko WP (3) Ukko HTML (1) Volos WP (3) Volos HTML (1) Pekko WP (3) Pekko HTML (1) Meelo WP (3) Meelo HTML (1) Seppo WP (3) Seppo HTML (1) Anotte WP (3) Anotte HTML (1) Kapena WP (3) Kapena HTML (1) Cardea WP (6) Cardea HTML (1) Caliris WP (7) Caliris HTML (1) Blanka WP (3) Blanka HTML (1) Park WP (3) Park HTML (1) Ocularus WP (3) Ocularus HTML (1) Opta WP (7) Opta HTML (1) Bacchus HTML (1)
  Print

Home    Articles    Caliris WP

How to edit Social Icons

The default code is in  Dashboard > Appearance > Customize > Footer > Footer Social Content and looks like this:

<a href="#"><span class="fa fa-twitter"></span></a>
<a href="#"><span class="fa fa-facebook"></span></a>
<a href="#"><span class="fa fa-behance"></span></a>
<a href="#"><span class="fa fa-dribbble"></span></a>

You need to change "#" with your links, so you will have, for example for twitter icon, link like this:

<a href="https://twitter.com/CocoBasicThemes"><span class="fa fa-twitter"></span></a>

If you want to open it in new tab, you will use code like this:

<a href="https://twitter.com/CocoBasicThemes" target="_blank"><span class="fa fa-twitter"></span></a>

Remove some of icons

If you need just lets say Twitter and Facebook, you will have code like this:

<a href="https://twitter.com/CocoBasicThemes"><span class="fa fa-twitter"></span></a>
<a href="https://facebook.com/"><span class="fa fa-facebook"></span></a>

Add New Icons

If you need to add some other icons (we are using font awesome 4.7.0 version) you need to find it here:

https://fontawesome.com/v4.7.0/icons/

And for example you need YouTube icon, this one:

https://fontawesome.com/v4.7.0/icon/youtube/

You need to use "fa-youtube" class like this:

<a href="https://www.youtube.com/channel/UC5-ceUIpoTNI_YAOtM0fRhQ"><span class="fa fa-youtube"></span></a>