Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 20, 2018 at 10:37 am #999284
    Renko

    Hi there nice people,

    our client is a photographer and encountered another problem within the EnFold Masonry Gallery for him.
    when clicking on an item the image opens in the lightbox. So far all ok. But when you reduce the size of the window, the image will squeeze (most of the time) instead of just scale (with the same proportions as the original).

    See here for the regular image:
    https://ibb.co/fkTxvz
    And here the squeezed version:
    https://ibb.co/cQ6goK

    Here are the adjustements he made (he tried everything else at the size adjustments [Größen-Einstellung], but nothing did help):
    https://ibb.co/e9t2TK

    Do you know what the problem could be?

    The URL to the site is in the private content. If you’d like to have an personal account on the website please inform us.

    Kind regards,
    Renko

    • This topic was modified 6 years, 4 months ago by Renko.
    August 20, 2018 at 2:05 pm #999361
    Victoria

    Hey Renko,

    This code in Quick css makes that
    Image 2018-08-20 at 15.04.45.png

    That needs to be adjusted.
    Best regards,
    Victoria

    August 20, 2018 at 4:07 pm #999438
    Renko

    Hello Victoria,

    ah, thank you for that info. This code comes from this topic:

    Masonry Gallery: Different preview sizes in lightbox?

    Does that mean, we can have either that or the other? Or is it possible to add some code to fix the squeezing of the images?

    Kind regards,
    renko

    August 21, 2018 at 10:46 am #999732
    Victoria

    Hi Renko,

    Yes, we need to add the page id class for that code to work only on that page. Can you give me a link to that other page again, please?

    Best regards,
    Victoria

    August 21, 2018 at 10:53 am #999737
    Renko

    Hi Victoria,
    you are now a new Admin of the page. Your login data is in the Private Content.

    Thanks for your help.

    Kind regards,
    renko

    August 21, 2018 at 8:05 pm #999986
    Victoria

    Hi Renko,

    Thanks for that, can you give me the link to the page where the code I gave you before is supposed to work?
    That was a test page, do you have an actual page like that?

    Best regards,
    Victoria

    August 22, 2018 at 8:30 am #1000166
    Renko

    Hi Victoria,
    it is the very same website. We filled in the code at Enfold Child: »General Styling« at the »Quick CSS« field down below…

    Or do I understand something wrong?

    Kind regards,
    Renko

    August 22, 2018 at 2:02 pm #1000328
    Victoria

    Hi Renko,

    I know where to find the code :)

    We need to limit it’s action to the page where it is needed so that it does not mess with the lightbox height on other pages.

    Best regards,
    Victoria

    August 22, 2018 at 3:29 pm #1000398
    Renko

    Hi Victoria,

    oh sorry. Well, that is hard to say, as there are plenty of images/portfolios on that site. (Around 1000 as the photographer says).
    For example at the portfolio in the private content. The first image in the »color«-section is clearly squeezed.

    Does it mean we have to gather all portfolio/images where we spot the squeezing?
    Sorry if I misunderstand it again …

    Kind regards,
    Rainer

    August 23, 2018 at 2:07 pm #1000735
    Victoria

    Hi Renko,

    Ok, please remove the code I gave you.

    Try this code instead:

    
@media only screen and (min-width: 1024px) {
    img.mfp-img {
      height: 100vh;
  }
}

    Best regards,
    Victoria

    August 23, 2018 at 5:06 pm #1000840
    Renko

    Wow, that’s amazing, Victoria.

    I tried some different images with the new code and it works perfectly.

    Thank you for your helpful and patient assistance once again.

    Kind regards,
    Renko

    • This reply was modified 6 years, 3 months ago by Renko.
    August 23, 2018 at 6:00 pm #1000864
    Victoria

    Hi Renko,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 28, 2018 at 3:48 pm #1002731
    Renko

    Hello Victoria,

    I am really sorry, but the client now wants to have something slightly different:

    Every image should open in the lightbox as big as possible. So if the image is portrait the image should have maximum height (of course with no squeezing). If the image is landscape it should have maximum length (again no squeezing). And if the browser window is scaled there should be no squeezing or distortion.

    Do you know what I mean? Is anything like that possible?

    Sorry, if I have to be a pain again.

    Kind regards,
    Renko

    • This reply was modified 6 years, 3 months ago by Renko.
    August 30, 2018 at 12:26 pm #1003514
    Victoria

    Hi Renko,

    I’m not sure it is possible with pure css and might require some JavaScript.

    Best regards,
    Victoria

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