Issues with Brightbox and NextGEN Gallery Widget « Support Forum | Kriesi.at

Support Forum » Brightbox

Issues with Brightbox and NextGEN Gallery Widget

8 posts from 4 voices

Started 1 year ago by jbrashear
Latest reply from Devin
This topic is not a support question

Tags:

No tags yet.

jbrashear
Member

Hi - I'm using Brightbox 1.2.2 and NextGEN Gallery 1.6.2. I'm having a couple issues:

1. I'd like to get rid of the magnifying glass overlay on the thumbnails in the NextGEN Widget. The image is too large and is causing the thumbnails to jump up and down as you hover over them. Is there a configuration option? I changed overlay_gallery:true to false in the jquery.prettyPhoto.js, but that had no effect. Is this right approach? I noticed that a <span> is getting inserted after each thumbnail that is responsible for the overlay.

2. When I add the NextGEN Widget to a sidebar and configure it to show a gallery, the thumbnails show (1) to a line (stacked on top of each other). I took a look at the output and it appears that the Brightbox style.css sets img { display: block }. The quick fix was just to override this for .ngg-widget img. I was wondering if there are any other known issues with this theme and NextGEN Gallery?

Thanks,
Jeremy

Posted 1 year ago #
jbrashear
Member

It looks like the "jumping" of the thumbnails is caused when you mouseover the thumbnail and the .ngg-widget img border value is removed.

Posted 1 year ago #
Dude
Dude
Hey,
1) Open up js/avia.js and replace:
```
var elements = $(options.autolinkElements, this).not('.noLightbox, .noLightbox a'),
```
with:
```
var elements = $(options.autolinkElements, this).not('.noLightbox, .noLightbox a, .ngg-widget a'),
```
(and add other nextgen container classes if necessary).

2) As far as I know the slideshow effect conflicts with our theme but I haven't trsted it extensively. To use the prettyphoto lightbox go to the nexgen gallery option page/panel:

On the nextgen gallery option page go to the "Gallery" tab and select "thumbnails" instead of "slideshow" and deactivate "use slideshow" checkbox and ajax navigation. In the "Effect" option tab use the custom effect option and enter following code in the textbox below:
```
rel="prettyPhoto[%GALLERY_NAME%]"
```
Posted 1 year ago #
jbrashear
Member

Thank, Dude. I'll try #1.

I've got the setting already added that you pointed out in #2. Sorry, I should have phrased my question a bit differently: I haven't dug into the theme enough, but was wondering what prompted the global img { display: block } vs. selectively adding? Just asking out of curiosity.

Theme looks great so far!

Thanks,
Jeremy

Posted 1 year ago #
jbrashear
Member

Hi, Dude. Unfortunately, that did not work. If you look at the output, it is still rendering out the <span> that is responsible for the overlay:

<div class="ngg-widget entry-content">

<span class="lightbox_image " style="height: 52px; width: 77px; top: 9px; left: 0px; display: block;"></span>

Any other thoughts?

Thanks,
Jeremy

Posted 1 year ago #
jbrashear
Member

Sorry, this is in RE: to #1.

Posted 1 year ago #
mschmidt
Member

Hey Jbrashear,

I had the same issue and I had to add

.ngg-gallery-thumbnail img:hover {
background-color:#A9A9A9;
border:1px solid #A9A9A9;
display:block;
margin:4px 0px 4px 5px;
padding:4px;
}

a img, a:hover img{
border:1px solid #A9A9A9;
}

to the custom.css file.

Adding just the top one stopped it for the most part, but there was a bit just at the top edge of the thumbnail that would still make the jumping happen.

Posted 1 year ago #
Devin
Moderator

Hi Mschmidt,

Thanks for the fix :)

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Issues with Brightbox and NextGEN Gallery Widget

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…