Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #21595

    Hi–I followed the instructions in the previous thread about adding additional social media networks–I mean YouTube and Vimeo are not included, but Dribble is?? Anyway, it’s now working. It gives me the pink hover, and the link works correctly, but the icon is not visible, nor does it roll like the others.

    Site: http://www.copycatfilms.com

    previous, closed thread: http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header

    Thanks,

    Farrin

    #112385

    The url to the image is not valid. You’ve two options:

    1) Insert the code into css/custom.css – then the relative url will work.

    2) Use an absolute url instead:

    .social_bookmarks .instagram {background: transparent url(http://www.copycatfilms.com/wp-content/themes/angular/images/layout/icon-instagram.png) 0 center  no-repeat;
    }

    #112386

    Perfect–thank you so much. :D

    #112387

    Actually…I guess I spoke too soon. It appeared to work by adding the direct url. But sometimes it tries to open the lightbox for the icons. So then I tried the CSS custom route and it’s back to being broken. How can I disable lighbox for these icons?

    Thanks again

    #112388

    Hi Farrin,

    Typically, I just suggest adding new links right into the header and then you just add the class noLightbox to each. For example:

    <a class="noLightbox" href="http://www.youtube.com/">Youtube</a>

    This would be in the header.php file.

    However, if you’ve gone the route from that topic and added in the new options, for the Youtube and Vimeo links you’ll need to use a url obfiscator so that the theme doesn’t automatically try and put them in a lightbox.

    So put the url for your vimeo page and youtube page in here: http://goo.gl/ and then use the shorter url in place on the theme options.

    Regards,

    Devin

    #112389

    Thanks much. This seems to be doing the trick. I just added the “noLightbox” class to the whole social links section of the header. It would be nice to open these in a new tab, but I’m happy that it’s working as it is for now.

    Cheers,

    Farrin

    #112390

    Glad we could help :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Adding Social Media Icons to HEADER’ is closed to new replies.