Inserting Envira gallery with view problems

[CocoLores]

Hi,

here is a test-site of envira

https://black-cross.eu/testenvira/

On the left side i have using a classic text element with this code:

<p>[envira-link id="375"] <img src="https://black-cross.eu/wp-content/uploads/2018/06/2011enplace01.jpg" alt="Enplace 2011" class="alignnone size-medium wp-image-342" width="300" height="225" /> [/envira-link]</p>

it works amazing on this page.

But, when i’m using the CLASSIC ENVIRY GALLERY (right side) so it shows me all pictures among themselves.
How i can stop it? I just want to see the start pic, like on the left side.

Greetings
Coco

[thai]

Hi Coco,

By default, the envira gallery will show all images inside the gallery.

To show the first image only, please assign the my-gallery class to your gallery:

After that adding this custom CSS under Theme Options > CSS:

.my-gallery .envira-gallery-public .envira-gallery-item {
    display: none;
}
.my-gallery .envira-gallery-public .envira-gallery-item:first-child {
    display: block;
}

I suggest you add the envira gallery shortcode to text element instead:

[envira-link id="375"] <img src="https://black-cross.eu/wp-content/uploads/2018/06/2011enplace01.jpg" alt="Enplace 2011" class="alignnone size-medium wp-image-342" width="300" height="225" /> [/envira-link]

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.

[CocoLores]

Thank you for your help!

I didn’t want to creep into programming, I just thought I had overlooked a function. Thanks again, though.

Unfortunately, this function makes a strange effect.
You can see it on the main page. It’s not the test page anymore. You know what might be the reason?

https://black-cross.eu/start/#galerie

Greetings
Coco

[friech]

Hi Coco,

Please add it on a RAW Content element instead.

And I notice that there is a JS script error on that page. Please see the Page’s JS and remove that line below and leave the rest.

.forcedownload</script>

Thanks,

[CocoLores]

Thank You!

Coco

[friech]

You’re more than welcome, glad we could help.

Cheers!