Lightbox effect when menu open

  • Resolved JQuinn

    (@jquinn33)


    2 years, 10 months ago

    We LOVE this plugin! We’re wondering if there is a way to have the whole page darken slightly when a slidebar menu is opened, and then lighten back to normal when the slidebar is closed?

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jory Hogeveen

    (@keraweb)

    2 years, 10 months ago

    Hi @jquinn33

    The plugin adds classes to the site which you can use, this requires a tiny bit of css, see topic below where it was asked before!

    https://ww.wp.xz.cn/support/topic/darken-site-when-canvas-is-active/

    Cheers, Jory

    • This reply was modified 2 years, 10 months ago by Jory Hogeveen.
    Thread Starter JQuinn

    (@jquinn33)

    2 years, 10 months ago

    Thank you so much, Jory! I’m excited that this is doable! 🙂 I tried the css suggested at the link you posted but I’m not getting it to work. You suggested using the site container and not an inner site element, so I have:

    #ocs-site .site-content:not(.slideout-navigation):not(.gen-sidebar-nav) { opacity: 0.5; }

    Can you tell me what I might be missing?

    Thank you again! 🙂

    Here is a link to the page in question:
    https://seequinn.com/oliver/
    pw: !!oliver

    • This reply was modified 2 years, 10 months ago by JQuinn.
    Plugin Author Jory Hogeveen

    (@keraweb)

    2 years, 10 months ago

    Hi @jquinn33

    This would depend on your specific installation but based on the default it should be something like:

    .ocs-sidebar-active #ocs-site {
    opacity: 0.5;
}

    I’m on a phone right now so cannot verify but this should make the site 50 opaque once a (any) sidebar opens.

    There are many other CSS effects you could and you could also create custom transitions, but this would be a starting point you can use.

    Cheers, Jory

    Thread Starter JQuinn

    (@jquinn33)

    2 years, 10 months ago

    Thank you so much, Jory! That worked! I’ll play around with the effects!!

    Again… brilliant plugin!! Thank you again!

    -Jeanne

    Plugin Author Jory Hogeveen

    (@keraweb)

    2 years, 9 months ago

    Good to hear! Cheers, Jory

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Lightbox effect when menu open’ is closed to new replies.