- This topic has 4 replies, 3 voices, and was last updated 8 years, 11 months ago by mosign.
-
AuthorPosts
-
May 26, 2015 at 5:43 pm #58344alexmeierhhMember
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,
AlexMay 26, 2015 at 10:03 pm #58365SakinKeymaster@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.
May 27, 2015 at 2:47 pm #58405alexmeierhhMemberI used the jetpack plugin to create the icon.
The icon url is: http://www.xing.com/img/n/xing_icon_16x16.pngSo 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’) no-repeat;
background-size: 18px 18px;May 27, 2015 at 4:35 pm #58411SakinKeymaster@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.
May 29, 2015 at 11:17 pm #58575mosignMemberhej @alexmeierhh, i also need xing, im from austria, but i bought the pro theme now, so its easy!
-
AuthorPosts
- The topic ‘Add a Social Icon to the header’ is closed to new replies.