Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 8, 2014 at 1:19 am #364381
    trossa

    Hey kriesi-team,

    I would like to add a custom file (png/svg/…) as an icon to the social icon bar. What I already found:
    kriesi.at/support/topic/adding-custom-social-icons

    Is there a way to change the second code snippet linking to a custom file instead defining a font as the icon?

    Many thanks!

    December 8, 2014 at 7:13 pm #364878
    Elliott

    Hey trossa!

    Your link is giving me a 404. Are you trying to add one to the header / footer social icons or the “Share this entry” box beneath your posts?

    Regards,
    Elliott

    December 8, 2014 at 11:41 pm #365039
    trossa

    404 caused by a missing http:// within the href
    https://kriesi.at/support/topic/adding-custom-social-icons/

    Here you go again. As you now (hopefully) can see I’m talking about the header/footer ones.

    December 9, 2014 at 7:33 am #365210
    Ismael

    Hi!

    You can replace the background via css. If you want to change the twitter social icon for example, use this:

    #top #wrap_all .social_bookmarks_twitter a {
background: url('IMAGE URI HERE');
background-repeat: no-repeat;
background-position: center center;
text-indent: 9999px;
}

    Best regards,
    Ismael

    December 12, 2014 at 12:57 am #367067
    trossa

    Hey Ismael,

    thanks for the input. I already discovered how i can change the background color on hover aswell.

    #top #warp_all .av-social-link-tumblr:hover a {
background-color: #XXXXXX;
}

    The problem with this wordaround: The link-tooltip still says e.g. “Tumblr” and the hidden link text also stays the same. Is there no way to add a completly new link from scratch?

    Thank you in advance!

    December 12, 2014 at 7:23 pm #367439
    Yigit

    Hi!

    Please add following code to Functions.php file in Appearance > Editor to change the title 

    function add_custom_social_title(){
?>
<script>
jQuery(window).load(function(){
jQuery('.social_bookmarks_tumblr a').attr('title','New Title Here');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_social_title');

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.