Hi,
Please provide a working URL and details per https://wordpress.org/support/topic/read-this-before-you-post-12?replies=1, so we can better understand the request and advise accordingly.
Thanks.
Sorry about the delayed response, I didn’t get wordpress.org didn’t send the notification or it didn’t get to my mail box.
WordPress Version: 4.2.4
Envira Lite Version: 1.3.4
URL: https://dev-envirotech.pantheon.io/used-office-furniture-better-than-new/
The Client Installation Photo Gallery near the bottom is generated by the [envira-gallery id=”1977″] shortcode and 19 thumbnails are shown on the page. I would like to only see the first 4 thumbnails on that page but be able to see all 19 images in the modal popup.
I’ve been trying to accomplish this in CSS but the styles are inline and there’s JavaScript changing the height of the containing element so some CSS tricks are failing.
Here’s my SCSS so far.
.envira-gallery-public {
.envira-gallery-item:nth-child(1n+5) {
display: none;
}
.envira-gallery-4-columns[style] {
position: static !important;
height: auto !important;
}
.envira-gallery-item[style] {
position: static !important;
padding-right: 10px;
}
}
JavaScript keeps changing the height though and writing some JS to fight with the Envira JS isn’t something that I want to get into.
*bump* just looking for a quick response on whether this is possible with the current version of the plugin or it would need to be patched. Thanks.
Please don’t bump – it’s really disrespectful, especially on a free plugin.
The URL given demonstrates 4 images, per your requirements. You can also use CSS to force a height for the gallery, which will then remove the whitespace below the gallery.
Thank you.
