Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
  • #4456

    <li class="youtube noLightbox"><a href="">Youtube</a></li>

    does not work in the header where the social boookmarks are, the nolightbox class is not picked up and clicking the icon I made tries to open the image instead of going to the link. Any clues what I am doing wrong?

    The youtube class picks up the new image from the css and adding a new rel= in the ahref also does not overwrite the lightbox rule.



    1) Try to add the nolightbox class to the a href element (and not the list element) like:

    <li class="youtube"><a class="noLightbox" href="">Youtube</a></li>

    2) If that doesn’t help you can use a link shortner service like: to hide the link from the lightbox. You can also exclude youtube links by modifying js/avia.js


    Sorry…still does not work


    Ok this is really getting on my nerves.

    the noLightbox class does not work and images still try to load the lightbox it is really irritating.

    So far I can not see any way to add a simple image anywhere in the header or anywhere for that matter in any code without the lightbox taking over ever with the class no lioghtbox which does not work.

    Why is this code being re-written? I even put the class twice

    <li class='noLightbox'><a class='noLightbox' href=""><img src="/wp-content/themes/brightbox/images/skin1/youtube.png" /></a>

    Honestly of all the themes I bought from Krisesi this is the worst to customize so far. I probably spent more time trying to add a simple image to the header than it would have taken me to rewrite the whole theme from scratch. I love your work Kriesi but this is just plain ridiculous now. Automatic rewrite of all img tags is a nightmare if your nolightbox class is not picked up

    I don t understand honestly the purpose of having all images pointing to the lightbox…shouldn t only images in the gallery be lightboxed?


    this is the html output I get after a lot of modifications, changes to the admin files, youtube class added etc

    <li class="youtube">
    <a rel="douche" href="">Youtube</a>

    is STILL gets the url rewritten and forces the lightbox even when the html output does not have a lightbox rel


    If one needs to add a banner ad in the header at the moment this theme does not allow it…and that is a very serious oversight

    You GOT to provide a way to turn off this url rewrite


    Please let me know about this because at the moment I am unable to use this theme because of this issue.

    Adding a simple image in a header with a link should not be something I spent about 2 days trying to figure out how to do. Please try to make it work on your end and you will see the noLightbox tag is not working…at least in the header


    I’ll report it to Kriesi asap.


    Hey! Indeed an oversight, sorry for that. Thankfully it is easilly fixed:

    open avia.js in your JS folder. arround line 339 it should read:

    var elements = $(options.autolinkElements, this),

    Change it to:

    var elements = $(options.autolinkElements, this).not('.noLightbox, .noLightbox a'),

    links with the class noLightbox and links within another element of this class will no longer be targetet by the lightbox script. We will apply this fix in the next theme update as well, so thanks for noticing it :)


    Thanks so much for the quick fix I was about to lose all my hair pulling it like a maniac trying to find where to make changes to the code :)


    i added a youtube icon and it says the image doesn’t work but it shows the image any help?



    Please elaborate (post a link and explain the issue better).




    I followed the steps on here and was able to add a youtube icon on the header. When I click on the header is says that the icon path is wrong or not there. I do not get that! If it show’s the image I would assume the information is correct but I do not know.



    Post a link please.





    The way you added the Youtube link is different from the way the others were added so yours is trying to open up the icon inside a lightbox.

    Please open up header.php and find the block of code on lines 107-110 (since you edited the file your lines would be different but they would start with <?php and end with ?>)

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Facebook</a></li>";

    and replace that block above with the code below

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Facebook</a></li>";
    echo "<li class='youtube'><a class='noLightbox' href='".$temp_youtube_url."'>Youtube</a></li>";




    changed the coding in the header.php and still the same error



    Please overwrite your current code with the rewritten code from my previous post.

    I made two changes to the above code, and now it will work! or I will be disgraced for eternity. :(




    @nick!!!!!!! hell yeah it worked thank you so much!!!!

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

The topic ‘Adding extra social icons’ is closed to new replies.