simple lightbox opacity issue

  • Resolved dormaj

    (@dormaj)


    5 years, 4 months ago

    when I click on a gallery thumbnail to see the large image, the simple lightbox overlay opacity (.sl-overlay) is set .95 so you can’t see the image.

    Using chrome inspect mode I can uncheck to change the value to 0 and all is well:

    .sl-overlay {
    opacity: .0;
    }

    I can’t get this CSS change to stick using the change CSS feature of Customize or my theme.

    How can I set the gallery to use NextGen Lightbox so I don’t have to hardcode this change to simplelightbox.css?

    Thanks! Great product!

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter dormaj

    (@dormaj)

    Also, the arrows don’t work to go next or previous. they just send you back to the gallery.

    Thanks!

    Hello @dormaj

    It seems that you are currently experiencing some issues. It might be related to an existing conflict.

    1.- Temporarily deactivate all your plugins except NextGen Gallery.

    2.- Is the problem solved? Then, it was caused by one of your plugins. Please check one by one and find the one causing the problem.

    3.- If the problem is not solved with the deactivation of the plugins, try changing to a standard WordPress theme, it could be a conflict with your current theme.

    Please let us know how it goes.

    Thread Starter dormaj

    (@dormaj)

    Will do. But perhaps you can answer this…

    How can I set the gallery to use NextGen Lightbox so I don’t have to hardcode this change to simplelightbox.css?

    Plugin Support Mihai Ceban

    (@mihaiimagely)

    Hi @dormaj,

    I am sorry but it looks like you have used a different CSS selector. Is your intention to hide the semitransparent caption layer at the bottom of the image and display the caption itself only?

    If that’s the case, you may want to add the CSS rule from below to “Gallery -> Other Options -> Styles”

    .sl-wrapper .sl-image .sl-caption {
    background: rgba(0, 0, 0, 0) !important;
}

    Hope this helps,
    Mihai

    • This reply was modified 5 years, 4 months ago by Mihai Ceban.
    Thread Starter dormaj

    (@dormaj)

    Thanks for the help. It appears that on the Other Options page Simplelightbox was selected rather than Fancybox. I have never seen this as the default and had not checked for it. Selecting Fancybox took Simplelightbox out of the picture and fixed everything for me.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘simple lightbox opacity issue’ is closed to new replies.

Tags