Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 14, 2014 at 1:26 pm #304364
    Lucas van Heerikhuizen

    Dear Kriesi team,

    I’ve tried to set the opacity in the lightbox overlay to 1 (fully opaque). At first I tried this with a .pp_overlay{opacity:1 !important;} class adjustment. However, that didn’t work because the opacity seems to be ruled in on the inside of the <div> element itself with a style=”…” attribute. That seems to overrule my QuickCSS line. Could you tell me where this attribute is coming from and how I might get it out?

    Kind regards,
    Lucas van Heerikhuizen

    August 14, 2014 at 3:54 pm #304424
    Yigit

    Hi Lucas!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 1 !important;
}

    Cheers!
    Yigit

    August 14, 2014 at 9:32 pm #304598
    Lucas van Heerikhuizen

    Dear Yigit,

    Thank you for your quick reply. I’ve added the code in the QuickCSS, yet the problem still seems to persist. Probably because the styling in the element itself still seems to have the highest priority. I’m affraid there is no CSS class I can use to change that. I’ve added a screenshot to clarify the situation, where the elements inspector can indicate where the styling is coming from, visible in the background, where the thumbnails still shine through.

    Screenshot

    Is there any way to get the styling out?

    Kind regards,
    Lucas

    August 15, 2014 at 5:01 am #304704
    Ismael

    Hi!

    Thank you for the info.

    Looks like you’re using an old version of the theme because prettyPhoto is still activated. The latest version uses MagnificPopUp lightbox plugin as default. Please download the latest version 2.9.1 from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Cheers!
    Ismael

    August 15, 2014 at 11:21 am #304837
    Lucas van Heerikhuizen

    Dear Ismael,

    Thanks, I wasn’t aware of that. I’ll update so the components are all current again and see if that can fix it.

    Thanks again,
    Lucas

    August 15, 2014 at 11:38 am #304842
    Yigit

    Hey!

    Please try and let us know. If that too does not work, please post the link to your website. But from your screenshot it seems like your custom CSS code with !important rule is overwriting default CSS

    Regards,
    Yigit

    September 11, 2014 at 4:33 pm #317485
    Lucas van Heerikhuizen

    Dear Yigit,

    A little while later, but now we got round to updating the installation and yes, indeed, this works. :) Thanks for fixing it.

    Sincerely,
    Lucas van Heerikhuizen

    September 11, 2014 at 5:37 pm #317536
    Dude

    Hi!

    Great, glad it works now :)

    Best regards,
    Peter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Setting the lightbox overlay opacity to 1’ is closed to new replies.