Navigation
Archive / How to center lightbox within boxed content when using Superfly
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 15, 2016 at 8:54 pm #1217744
    Chris G
    Participant

    Hi guys,

    1st things 1st: I love Xtheme, thanks you for all you do!

    I’m using Superfly (its rad too) but it’s causing centering conflicts. The important one for me is the lightbox.

    I’d like to center the lightbox within the boxed content, but it’s centering on the browser window. This means it gets covered by superfly as I reduce the screen size. The lightbox also doesn’t become responsive until after it’s covered by superfly.

    site is: http://www.valenciagolfandcountryclub.com/2016/
    see in action by clicking on either of the front or back score card buttons.
    Pics attached.

    Any ideas on fixing this?

    Thanks, chris

    October 15, 2016 at 8:56 pm #1217747
    Chris G
    Participant

    2 more pics

    October 16, 2016 at 2:49 am #1217882
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    #sfm-sidebar {
    z-index: 1000;
}

    Hope that helps.

    October 19, 2016 at 7:39 pm #1223049
    Chris G
    Participant

    Sorry, just saw your reply. That will get the job done. Thanks!

    October 19, 2016 at 11:04 pm #1223320
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1217744 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>