Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #20897

    Hello, great theme Flashlight!

    I don’t know how to add more social links in this theme… There is only rss, facebook and twitter. I would like to add flickr, youtube and vimeo. Can you explain me how can I do it?





    1) Open up wp-content/themes/flashlight/sidebar.php and replace following line:

    echo "		<li class='rss'><a href='".avia_get_option('feedburner',get_bloginfo('rss2_url'))."'>RSS</a></li>";


    echo "		<li class='rss'><a href='".avia_get_option('feedburner',get_bloginfo('rss2_url'))."'>RSS</a></li>";
    echo "<li class='vimeo'><a href=''>Vimeo</a></li>";
    echo "<li class='youtube'><a href=''>Youtube</a></li>";
    echo "<li class='flickr'><a href=''>Flickr</a></li>";

    and instead of , and use/insert your custom account urls (depends on your username, user id, etc.).

    Then add following code to css/custom.css (or insert it into the quick css field):

    .social_bookmarks .vimeo a{background: transparent url(../images/skin-minimal/icons-rounded-vimeo.png) 0 0  no-repeat;}
    .social_bookmarks .flickr a{background: transparent url(../images/skin-minimal/icons-rounded-flickr.png) 0 0 no-repeat;}
    .social_bookmarks .youtube a{background: transparent url(../images/skin-minimal/icons-rounded-youtube.png) 0 0 no-repeat;}

    Last but not least upload your icon images into the wp-content/themes/flashlight/images/skin-minimal/ and name them “icons-rounded-vimeo.png”, “icons-rounded-flickr.png” and “icons-rounded-youtube.png”- If you want to use different names (or a different image src path) you need to adjust the background url in the css code above.


    Hi Dude, it works perfectly! I could add Flickr, Youtube and Vimeo with my custom icons, but I don’t know why the link to vimeo and youtube is trying to open it with Pretty Photo and fails…

    The link to Flickr is loading correctly. The url are correct so I don’t know what is happening.



    Hi mllibre,

    Kindly open wp-content/themes/flashlight/js/avia.js and find this code:

    autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"] , a[href*=""] , a[href*=""] , a[href*=""]'

    then remove:

    a[href*=""] , a[href*=""] ,

    Hope this helps.




    Perfect! Great support Kriesi team!




    Glad we could help :)

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



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

The topic ‘How to add more social links’ is closed to new replies.