Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1310434
lightbox expand issue
Closed

Comments

  • laddu started the conversation

    When clicking expand image in lightbox the image does not fit to screen, but rather zoom in and crop into image... My laptop display size is 1600x900

    Check attached images for further reference. 

  •   Elated replied privately
  • laddu replied

    Well, your lightbox code is pretty bad to be honest... on mobile is even worse that it is on desktop. You should focus on improving this aspect, especially since this is a photography theme and the lightbox is very important part. At least give us the option to disable your prettyphoto and use a 3rd party module.

  •  1,845
    Elated replied

    Hello again,

    Lightbox for the mobile screens can be stretched using this Custom Css code like this:

    body .pp_pic_holder{
        width: 92%!important;
    }
    body .pp_pic_holder .pp_fade{
        height: 100%;
    }
    body .pp_hoverContainer{
        height: 100%!important;
    }
    body .pp_pic_holder #pp_full_res{
        height: 100%;
    }
    body .pp_pic_holder #pp_full_res img{
        height: 100%!important;
    }

    so it looks like this https://www.screencast.com/t/bLNdHtExI8F so just paste this Custom Css code into Elated Options > General > Custom Css field https://www.screencast.com/t/JtrSMAa5c3 or it can be totally disabled on mobile screens using another Custom Css code, so if you want to do so please let us know and we will gladly provide you so.

    When it comes to third party plugins integration we have not tested any of them and we do not recommend usage of any other lightbox plugins since they might not work on our theme because we have already implemented it.

    If you need more optimization of the lightbox please let us know and we will gladly try to do it using some Custom Css code.

    If there is anything else we can do for you, please do not hesitate to ask.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • laddu replied

    Adding this code will break non mobile rendering of the lightbox.

  •  1,845
    Elated replied

    Hi,

    We are so sorry, we forgot to include media query to make this code apply only in mobile screen resolutions. We are so sorry for that. So proper code is:

    @media screen and (max-width:768px){
        body .pp_pic_holder{
                width: 92%!important;
        }
        body .pp_pic_holder .pp_fade{
                height: 100%;
        }
        body .pp_hoverContainer{
                height: 100%!important;
        }
        body .pp_pic_holder #pp_full_res{
                height: 100%;
        }
        body .pp_pic_holder #pp_full_res img{
                height: 100%!important;
        }
    }

    So please just instead of previous code paste this code into Elated Options > General > Custom Css field.

    Once again, we are so sorry for mistake, that was totally our fault.

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • laddu replied

    Thank you. Will try it out.

  •  1,845
    Elated replied

    Hi,

    You're welcome

    If there is anything else we can do for you please do not hesitate to ask.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.