Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #10798
    Stg
    Participant

    Hi,

    we just installed the lightcase lightbox into our wordpress-portfolio and it works pretty well so far.

    but we still have two things we couldn’t manage to find out how to change in the responsive lightbox menu in wordpress.
    Both are pretty essential things in my eyes, so i think we’re just not able to figure out how to do it, but it must be possible somehow.
    maybe you can help.

    1) On mobile devices large pictures are shown fitting the screen (if the device is for example an ipad held horizontally), but the additional and important one-two lines text under the pic are cut off. they do appear only if you turn the ipad to vertical position.
    how is it possible to arrange that the maximum height of the (horizontal) ipad is used to show the conntent, but the picture with the 1-2 lines text underneath it as well?

    2) if we try to resize the pictures in the wordpess lightbox menu upfront, so they use more or less the full screen on mobil devices, they are still shown the same size. they never change from the maximum width of ca. 7 cm.
    how do we manage it to let them resize to the screen (up till they nearly reach the arrows in width)? is it even possible?

    thank you very much for your help.

    #10882
    Bartosz
    Keymaster

    Hi,

    Is it possible we take a look a t your site? It would help us to have the good understanding of the issues you have.

    #10883
    Stg
    Participant

    it isn’t officially online yet. i’ll love to send you the link via email, if you tell me where to…

    #10884
    Stg
    Participant
    This reply has been marked as private.
    #10885
    Bartosz
    Keymaster

    Yes, just wanted to suggest that :)

    #10886
    Stg
    Participant
    This reply has been marked as private.
    #10908
    Bartosz
    Keymaster

    Hello again Steffen,

    We’ve tested this on multiple devices and indeed there are some design problems when you have longer captions and a full height image.

    We don’t have a good solution for this yet, but please try adding this piece of code to your theme stylesheet. It’s a trick but might help here:

    #lightcase-info {
        margin-left: -50%;
        text-align: center;
        width: 200%;
    }
    #10937
    Stg
    Participant
    This reply has been marked as private.
    #10988
    Stg
    Participant
    This reply has been marked as private.
    #10995
    Bartosz
    Keymaster

    Ok, we’ll try a different approach then – I will get back to you shortly.

    #11175
    Stg
    Participant

    still waiting…

    #11191
    Bartosz
    Keymaster

    Ok Steffen, let’s try a different way (and remove the previuos suggestion):

    #lightcase-info {
        padding-top: 0;
        font-size: 15px;
    }

    This will remove the padding and give more space for the second line of the text and make the font-size smaller to work better especially for long captions.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.