Add an icon just after the social media with telephone number

leandros21
(@leandros21)

7 years, 12 months ago

Hi, I’m trying to add a very small icon just next to my last social media icon (linkedin) and then the telephone number i have for my business.

Actually i used to have the same problem for the telephone number but i decided to add the tel. number inside the social bar.

What i want to do is to add an icon and my tel. next to the social media, in the same horizontal line.

My website: http://www.marketingcy.com

Viewing 3 replies - 1 through 3 (of 3 total)

(@menakas)

Hi,

Add this to your child theme’s functions.php

add_filter ('tc_social_in_header' , 'custom_social_in_header');
function custom_social_in_header() {
  //class
  $class =  apply_filters('tc_social_header_block_class', 'span5');
?>
  <div class="social-block <?php echo $class ?>">
    <?php if ( 0 != tc__f( '__get_option', 'tc_social_in_header') ) : ?>
      <?php echo tc__f( '__get_socials' ) ?>
        <a class="social-icon custom-icon" href="1234567890" title="Call" target="_blank"></a>
      <?php endif; ?>
  </div><!--.social-block-->
<?php
}

and this to your child theme’s style.css

.custom-icon:before {
	content: "\f095";
	width: 18px;
	height: 18px;
	display: inline-block;
}

Thread Starter

leandros21

(@leandros21)

7 years, 11 months ago

Thank you great help, I did it with some preferences of mine and worked.

Menaka S.

(@menakas)

7 years, 11 months ago

Glad that it worked. Can you please mark the post as resolved?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Add an icon just after the social media with telephone number’ is closed to new replies.