1.5.6 Breaks tiling with small image size

  • Resolved liamk456

    (@liamk456)


    7 years, 10 months ago

    WordPress Version: 4.7.1
    Envira Lite Version: 1.5.6
    Example URL demonstrating the issue: https://strongentertainment.com/#Photos

    Original uploaded photos are 800px wide.

    Configuration —
    Number of columns: 2
    Gutter & Margin: 10px
    Image Size: Default
    Image Dimensions: 800×800
    Crop: Unchecked

    Two days ago, the photos were tiling nicely at a medium size, about 300px width, on all 20 sites. Yesterday, the galleries suddenly started displaying the images at a thumbnail size of about 150px wide, or 150px high for portrait orientation.

    This change did not seem related to any work done on the sites. It does seem related to automatic installation of Envira 1.5.6, which occurred day before yesterday, I believe.

    The expectation is that the previous behavior would not have changed.

    Also, the images are not expanding to fill the columns horizontally, which was the previous behavior.

    I’m noticing the problem on OSX Chrome. On Linux Chrome I’m getting similar behavior, but the images appear to be resized to 300px (w or h, depending on orientation). That is about the right size but the gutter is not 10px, and the portrait images are not expanding to fill the column horizontally.

    The documentation says: “Define the maximum image size for the Gallery view. Default will use the below Image Dimensions;”
    Default doesn’t seem to have any effect on the size of the images.

    <sigh> I set it to Automatic and then I set it back to the original 2 Columns, and now it is working. At least you can now compare with strongcomedy.com, where it has the identical config but different behavior.
    I just need this to work!

    I would rather not have to go to each site and switch back and forth between automatic and 2-column layout to fix this.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @liamk456 ??

    Thank you for providing those details, I’m going to try and recreate the same issue so that I can inform the developer.

    I’ll post back here soon as I can find something out for you!

    Thread Starter liamk456

    (@liamk456)

    Hi, akyusa01,

    Have you been able to duplicate the problem?

    I tried to duplicate my workaround but was unable to do so. The display /did/ change, but not exactly as desired.
    As it stands, the Envira Gallery display seems to behave unpredictably when using the 2-Columns layout.

    This is an urgent issue that is suddenly affecting *all* of my client’s sites.

    Thanks.

    Hey!

    Thanks for checking back in on this — our developers are releasing a fix to specifically address this issue tonight.

    Will you update Envira Gallery Lite as soon as the update becomes available in your admin and check that it fully resolves the issue?

    Thanks!

    Thread Starter liamk456

    (@liamk456)

    Hi, Erica,

    Thanks.

    1.5.6.1 is an improvement. The images are expanding to fill the columns better, and image width is no longer thumbnail-size.

    However, it looks like the Column Gutter Width is still being ignored.

    I have it set to 10px, same as Margin Below Each Image.

    It is being displayed as more like 60-70px.

    With the Image Dimensions set to 500×500, the width of the image is actually only 400px. I expected it to be 500px wide!

    The left and right margin of the image are 31.25.

    It appears that this is where the extra gutter width is coming from.
    There are two columns, so the gutter width looks like 31.25 + 31.25 = 62.5.
    I’m not sure if the actual Gutter Width is there or now.

    There is also the extra margin on the outer left and right of both columns. That is not as much of a problem, but hopefully it will go away when you fix the inner column margins.

    Thanks!

    Hi liamk456,

    Thanks for the update!

    Would you share the URL to a gallery where the images aren’t expanding to fill the width of the column? The original URL shared looks to be filling the columns properly so I’m guessing it’s another gallery you’re referring to. ??

    Thanks!

    Thread Starter liamk456

    (@liamk456)

    Erica,

    I am looking at https://getrobertstrong.com/

    On my Linux desktop with Chrome the display is perfect!
    On my Mac OSX laptop with Chrome & Safari, there is a large gutter.

    I’ve cleared the cache and reloaded, but keep getting the same result.

    On https://comedytalks.com/ the situation is worse. I get the large gutter on both platforms. The plugin has been updated, and I even changed some config values, saved it, and then changed it back.
    Still the same problem.

    Liam

    Hi Liam ??

    It looks like your theme is applying some margin-left and reduced width that is causing the issue:

    @media (min-width: 768px)
bootstrap.min.css?ver=4.7.2:9
.col-sm-offset-1 {
    margin-left: 8.333333333333332%;
}
@media (min-width: 768px)
bootstrap.min.css?ver=4.7.2:9
.col-sm-10 {
    width: 83.33333333333334%;
}

    If you visit the page in Chrome and right-click > Inspect on the gallery to open up the Inspector you can see the margin and limited width of that particular area and that is why the gallery is not going fullwidth.

    If you try and change that CSS to remove the left margin and make the with 100% that would affect every page on your site.

    Please let me know how I can help! ??

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘1.5.6 Breaks tiling with small image size’ is closed to new replies.