Adding Social Media Icons to Footer

Hi Adam,

Thanks for reaching out today, you can use the below shortcode anywhere in the footer widgets to display your defined social profiles.

[kleo_social_icons]

You can set your social profile by going to Theme Options > Social Info

Thanks,

Kieran.

Hey,

Please add the following to the KLEO Child theme or to Theme Options > General Settings > Scroll to: Quick CSS

#footer .kleo-social-icons li {list-style: none;display: -webkit-inline-box;margin-right: 10px;}

Thanks,

Kieran.

Hi Ahmed,

Do you mean to add your own or change the existing ones?

If you mean to add your own please try this in your KLEO Child theme functions.php file

add_action( 'kleo_get_social_profiles', 'kleo_my_extra_social_icons' );
function kleo_my_extra_social_icons( $icons ) {
    $icons .= '<li><a href="http://soundcloud.com" rel="nofollow"><i class="icon icon-soundcloud"></i> <div class="ts-text">Soundcloud</div></a></li>';
    $icons .= '<li><a href="http://mixcloud.com" rel="nofollow"><i class="icon icon-mixcloud"></i> <div class="ts-text">Mixcloud</div></a></li>';

    return $icons;
}

Please adjust as needed.

Thanks,

Kieran.

Hey

You could try the below CSS in your KLEO Child theme’s style.css or in Theme Options > General Settings > Scroll to: Quick CSS

.kleo-social-icons .icon-twitter:before {content: '\e967';}

In this example I have used Twitter, please change Twitter to your desired social network. Please replace e967 with your desired icon, you can see them all, and their corresponding numbers here http://fontello.com/

You can repeat this method for as many icons as you wanted to edit.

Kieran.