Envira gutter/image size bug

[reginar]

Hi,

Since recently my envira galleries don’t show anymore how I originally made them and how they were displaying. I haven’t changed anything on my site or CSS since. Tried flushing the cache, no help either. Gutter width in Envira is set to 0.

I want the images to fully cover the content area of the portfolio page, top/bottom/left/right. Especially also on big screens (see printscreens). Before, Envira used to know how to place the images in order to cover the screen, it knew how to fill up the column, now it feels super random (you’ll see once you scroll down, although you do sometimes need a bigger screen).

CSS used to far regarding portfolio and Envira spacing:

.x-portfolio .entry-content {
width: 100%;
padding: 0%;
}

@media only screen and (max-width: 600px) {
.envira-gallery-wrap .envira-gallery-item {
width: 100% !important;
}

}

Example 1
Example 2

• see printscreens of large vs smaller screen

Thanks!

Stijn

[christian]

Hey Stijn,

The split only happens in large screens. It displays fine in smaller screens.

The problem could be that the images are small for the screen your viewing them. Please try uploading a larger image or convert the 2 column layout to 3.

Thanks.

[reginar]

Hi,

Thanks for the reply, but to be honest, that’s kind of exactly what I said already. I know it only happens on larger screens. it DIDN’T the first weeks when I had the galleries up.

Yes changing to three columns helps, but how come that with the same images the gallery first knew it had to place them full page and then at some point it doesn’t anymore? That kind of was my question.

The point is that I don’t want three columns for all the galleries.

Hope you could have an answer to that.

[thai]

Hi @stinos,

It seems the images didn’t span to full width on large screens. To fix this issue, please add this custom CSS under Theme Options > CSS:

@media (min-width: 1024px){
    img.envira-gallery-image {
        width: 100%;
        height: auto;
    }
}

Hope it helps

[reginar]

Exactly what I needed, thanks!!

[paul.r]

You’re welcome @stinos