“View a slideshow” link above thumbnails is not visible

  • Resolved bof1946

    (@bof1946)


    3 years, 11 months ago

    The “view a slideshow” link above the thumbnails in a basic gallery disappeared a little while ago (I’m not sure when so I don’t know which update to Nextgen Gallery might have caused this).

    I’ve looked into this and the link is actually there in the HTML, but it’s displayed outside the containing div and not visible. This is the HTML:

    <div id="ng-gallery...." class="ngg-gallery-overview">
  <div class="slideshowlink">
    <a class="slideshowlink" href="...">[View a slideshow]</a>
  </div>
  ... etc

    The CSS in ngg_basic_slideshow.css at line 83 has this:

    .slideshowlink {
    margin: -34px auto 50px;
    text-align: center;
    text-transform: uppercase;
}

    The negative top margin is pushing the link above the containing div, which has style overflow: hidden so the link isn’t visible. If I set the top margin of class slideshowlink to zero using dev tools the link becomes visible, but I think there must be some more fundamental problem than that.

    I don’t think it’s a theme or plugin conflict, but I did try switching to the twentytwentyone theme and it didn’t make any difference.

    I can’t provide a link to the page as it’s only visible to logged in users, and only members of our Association are allowed to have accounts.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Jaime Segura

    (@jaimeimagely)

    Hi, I will be glad to help.

    The standard way to test for conflicts is the following:

    Deactivate all your other plugins except NextGEN gallery, see if the issue is gone. If yes, then reactivate one at a time and check after each.

    Also, you can create a page with a test gallery and share the link.

    Please make sure you have the latest version of the plugin, I tried to replicate the issue on my live test instances and it worked every time.

    Here is the sample shortcode of one of my galleries [ngg src="galleries" ids="2000000000" display="basic_thumbnail" thumbnail_crop="0" show_slideshow_link="1"] please do note the show_slideshow_link is set to 1, if you changed your default settings for a display an turned that off, the link won’t display when you insert a gallery. Check under NextGEN Gallery > Gallery settings. Or edit your gallery, click “customize display settings at the top” and make sure the slideshow link is activated from there.

    Please keep me posted

    Thread Starter bof1946

    (@bof1946)

    Thanks. I accidentally deactivated NextGen Gallery when I did a bulk deactivate of plugins. When I reactivated it the slideshow link appeared, except it’s now below the thumbnails instead of above them. I reactivated the other plugins one by one and the link is still there OK. I notice that the CSS applied to class slideshowlink is different, so it looks like deactivating and reactivating the plugin has reset something.
    “Show slideshow link” is set to Yes in Gallery settings. I looked at the shortcode for the most recent gallery I’ve created and it’s simply [nggallery id="38"]without any other attributes. I can’t find anything about Customize display settings when I edit a gallery, there’s a “Gallery Settings” at the top, but nothing about a slideshow there. However the slideshow link is now visible and the slideshow works so problem solved.
    Thanks for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘“View a slideshow” link above thumbnails is not visible’ is closed to new replies.