Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Photo Seller – Lightbox appears under theme menu bar

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Photo Seller – Lightbox appears under theme menu bar

Tagged: lightbox

  • This topic has 17 replies, 6 voices, and was last updated 5 years, 7 months ago by starsphinx.
Viewing 15 posts - 1 through 15 (of 18 total)
1 2 →
  • Author
    Posts
  • March 20, 2016 at 3:25 am #13363
    mpachis
    Member

    I’m using the Divi theme from Elegant Themes with PhotoSeller. If I use gallery theme 9 or 10 the FancyBox “pops under” the Divi menu bar so the top quarter of the lightbox is covered by the menu hiding the close window widget under the theme menu. Is there css I can add to change the lightbox behavior?

    Thanks.

    March 20, 2016 at 9:49 am #72815
    Peter
    Member

    Can you please provide a link to the gallery page so I can inspect the issue from my browser?

    March 20, 2016 at 2:35 pm #72816
    mpachis
    Member

    Unfortunately it is a localhost instance running under Bitnami right now. When I deploy it I will post again.

    Thanks

    March 21, 2016 at 12:37 am #72817
    C
    Member

    10 beers says that it is a z-index issue. Your header -especially if it is a sticky header, probably has a css setting for z-index.

    You likely need to set a CSS rule for

    #jquery-lightbox: X00;

    where X00 is greater than the z-index of your header, it has to be a number higher than the header that is currently hiding your lightbox.

    Cheers!

    Chris

    March 21, 2016 at 12:47 am #72818
    Peter
    Member

    Yep that’s right Chris – it probably is a z-index thing. It’s just a matter of inspecting the actual page via firebug so we can determine what the best custom css code should be for this situation. (every theme and site has different quirks)

    March 22, 2016 at 10:22 pm #72819
    mpachis
    Member

    C & Peter, thanks for the tips. I found the element for the Divi menu and added custom CSS to change the menu to a lower z-index value than the FancyBox and it works now!

    Michael

    March 22, 2016 at 11:14 pm #72820
    Peter
    Member

    Ok that’s good to hear!

    March 22, 2016 at 11:14 pm #72821
    Peter
    Member

    Hi Michael – that’s good to hear!

    February 14, 2017 at 10:12 pm #72822
    logosi
    Spectator

    mpachis could you share the code you used for Divi? I’m in the exact same situation, however I’m not as savvy as you when it comes to custom CSS. Thanks.

    February 15, 2017 at 12:01 am #72823
    Peter
    Member

    Please provide a link to the page which needs the CSS so I can take a look.

    February 15, 2017 at 12:18 am #72824
    admin
    Keymaster

    @logosi, I have replied via email.

    August 11, 2017 at 7:15 pm #72825
    starsphinx
    Spectator

    I am having the same issue using the vantage theme and page builder from site origin. I have no idea what Z index means or where to add the necessary custom CSS – will it go in the custom CSS section under appearance

    Site is http://www.starsphinx.com and the problem can be seen on any of the galleries under the sport album with the albums being under galleries from the main menu

    August 11, 2017 at 11:11 pm #72826
    Peter
    Member

    The following custom CSS should fix it:

    .fancybox-overlay{
    z-index: 9999;
    }

    You can try putting the above in your theme’s custom CSS section. If that doesn’t work let me know.

    August 12, 2017 at 6:52 pm #72827
    starsphinx
    Spectator

    I put it in the custom CSS section but it did not work

    August 12, 2017 at 11:46 pm #72828
    Peter
    Member

    Go and grab the following plugin:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    and try again.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 18 total)
1 2 →
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ