Link to Youtube Broken - Brings Up Lightbox « Support Forum | Kriesi.at

Support Forum » Brightbox

Link to Youtube Broken - Brings Up Lightbox

6 posts from 2 voices

Started 11 months ago by robertryan
Latest reply from Dude
This topic is closed
This topic is resolved

Tags:

robertryan
Member

If tried adding a link to a YouTube channel through the Brightbox theme in a number of ways. Initially I planned to custom code it into the header like one of the grey icons you have there already (Twitter, Facebook, RSS). It all went fine except when I tried the link, it attempts to bring up a lightbox and says "Image cannot be loaded. Make sure the path is correct and image exist."

Then I just added the Social Media Widget plugin you can see in the footer now. Same issue exactly. Why does Brightbox think this link to youtube is an image? How do I fix it?

Here's the site so you can take a gander: http://www.tareendermatology.com/

Thanks for your help.

Posted 11 months ago #
Dude
Dude
Hi!

You just need to add following class to your youtube link:
```
class="noLightbox"
```
This class will deactivate the lightbox effect for the particular youtube link.

Best regards,
Peter
Posted 11 months ago #
robertryan
Member

Unfortunately that did not fix the problem. I tried to paste the code here, but it automatically edits out the class="nolightbox"

Posted 11 months ago #
robertryan
Member

When I inspect element It has the class="nolightbox" but also has the code rel="lightbox[auto_group1]" Could this be the problem?

Also, I don't need lightbox at all on this site, so turning it off completely work for me too, if you could instruct me on how to do that.

Posted 11 months ago #
robertryan
Member

Update: I fixed the issue by completely removing the lightbox from the theme.

Posted 11 months ago #

Dude
Dude

Glad that you fixed the issue. For anyone else benefit - you can deactivate the lightbox by removing following code from js/avia.js:

//activates the prettyphoto lightbox
	if(jQuery.fn.avia_activate_lightbox)
	jQuery('body').avia_activate_lightbox();

	//activates the hover effect for image links
	if(jQuery.fn.avia_activate_hover_effect)
	jQuery('#main').avia_activate_hover_effect();

Posted 11 months ago #

RSS feed for this topic