Support » Plugin: NextGEN Gallery - WordPress Gallery Plugin » Slideshow and gallery conflict -possible bug?

  • I have a website where I make use of the slideshow feature of NextGen gallery in the header area. The slideshow is sized 700 x 250. Here is the website:

    Under normal circumstances, the slideshow is governed by the style class .ngg-slideshow. However, if there is a photo gallery on the same page, the slideshow is instead governed by the class .ngg-galleryoverview. The problem with this is that .ngg-galleryoverview specifies a top margin of 10px, which interferes with the positioning of the slideshow in the header.

    I have addressed this problem by adding the following to the custom stylesheet nggallery.css:

    .ngg-galleryoverview {
    margin-top: 0px !important;

    I’m sure this wasn’t the case when I originally designed this theme. Shouldn’t the style of the slideshow remain the same regardless of whether there is a gallery in the main content area? Has a bug crept into NextGen gallery?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Which version of NextGen are you using ?

    If it’s 2.x

    Look at my post about header slide show :

    If it’s a different version lemme know.

    I’ve made several for earlier types.

    Good luck.

    I’m using the latest version 2.0.23.

    I looked at your post. I am using the following in my header:
    <?php $showgallery = '[slideshow=4]'; $showgallery = apply_filters('the_content', $showgallery ); echo $showgallery; ?>

    I can’t remember where I got the php to wrap the shortcode in, but as you can see, I’m using a the basic [slideshow=x] and defining parameters in the Gallery slidewhow parameters.

    I just found the NextGen page that defines the new shortcode structure for version 2.x. I guess that means that the shortcode [slideshow=4] is no longer reliable and now should be [ngg_images gallery_ids=”4″ display_type=ā€¯photocrati-nextgen_basic_slideshow”].

    You might have to check your parameters.

    Well, I updated my header code to look like this:

    <?php echo do_shortcode('[ngg_images gallery_ids="1" display_type="photocrati-nextgen_basic_slideshow"]'); ?>

    So I’m using the current shortcodes. The slideshow works, but I am still having the same problem described in my first post. I can only get the slideshow positioned correctly if I add the overriding class .ngg.galleryoverview to the custom style sheet.

    Again, this happens only if there is a gallery on the page. By the way, I also removed the gallery shortcode from the page and used the Attach to Post interface to add the gallery.

    Plugin Author photocrati


    @doublesixx – Thanks for helping out here, again!!

    @mike – I’ve tried to recreate this issue and am unable to get what you are describing to appear in the CSS (as viewed via Firebug).

    In all test cases the same classes are used in the same order:
    ngg-galleryoverview ngg-slideshow
    This is the same with the combination you described as well as when the Slideshow is only used.

    Please feel free to submit a Bug Report on this issue, it would be greatly appreciated just in case we need to look closer at the issue and how these CSS elements are getting crossed up as you are describing them.

    If ngg-galleryoverview always appears before ngg-slideshow, then that explains my problem.

    Here’s what I mean:

    Case 1: This page has no gallery in the content, so the slideshow in the header is handled by the class .ngg-slideshow, and the class .ngg-galleryoverview in the custom style sheet with 0px top margin is unnecessary.

    Case 2: This page has a gallery on it, so .ngg-galleryoverview applies, and the slideshow would have a top margin of 10px, except that it is overridden by the custom style sheet.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Slideshow and gallery conflict -possible bug?’ is closed to new replies.