Forum Replies Created

Viewing 1 post (of 1 total)
  • Author
    Posts
  • in reply to: Add a Social Icon to the header #58405
    alexmeierhh
    Member

    I used the jetpack plugin to create the icon.
    The icon url is: http://www.xing.com/img/n/xing_icon_16x16.png

    So I don’t have more to send actually…..

    I googled and found this, but it didn’t worK. Maybe you can see better if this could be any use:

    In your functions.php copy/paste the following code. It simply adds a filter to the existing Customizr function that renders the social icons in header.
    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’ ) ?>

    <?php endif; ?>
    </div><!–.social-block–>
    <?php
    }

    Then to add the icon it’s either
    .custom-icon:before {
    content: “\\f212”;
    }

    OR
    .custom-icon:before {
    content: “”;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(‘http://upload.wikimedia.org/wikipedia/commons/b/bc/Xing-icon.png&#8217;) no-repeat;
    background-size: 18px 18px;

Viewing 1 post (of 1 total)