Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #58344
    alexmeierhh
    Member

    Hi,
    I am from Germany and I like to add a social icon (xing.com) to the social links bar in the header.
    But xing is not set as a social icon so I can’t choose from the selection given.

    Can you help me? I have jetpacl plugin and created the icon, but is not on the theme options yet….

    Many thanks,
    Alex

    #58365
    Sakin
    Keymaster

    @alexmeierhh: Can you send me that you have created. So, that I can check in if we would add that. As in Catch Responsive theme, we use Genericons for Social Icons http://genericons.com/, which doesn’t have xing.com. So, you might want to request in Genericons to add in. Or you can upgrade to Pro version where we have option to add in custom social icon image. Upload any image and link as per your need.

    #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;

    #58411
    Sakin
    Keymaster

    @alexmeierhh: Sorry but our social icons are not from Jetpack, it’s from Genericion. So, not sure how to add that. If you have this icon ready then I suggest you to upgrade to pro version where you have option to upload your custom social icon image and use it.

    #58575
    mosign
    Member

    hej @alexmeierhh, i also need xing, im from austria, but i bought the pro theme now, so its easy!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add a Social Icon to the header’ is closed to new replies.