Images not showing

@jillsdablog – Ok, so it’s working for you except for that gallery. But it IS working for other galleries, even on that same page.

That could mean either a) there’s something with that specific gallery/images that’s not working or b) there’s something about that location on the page (ie, something just above it is breaking.

To try to narrow that down could you:

* Please try creating a new draft page and try adding the slidshow there with the same gallery that’s not working. Does it work, with that gallery, on a new page?

* Try inserting a different gallery as a slideshow momentarily on that same page in that same spot. Does that work? You can probably just test the front end in Preview rather than updating the page so you don’t actually change the front end that site visitors are seeing.

* Also, a question: Right now, you’ve got thumbs there. If you try to update that gallery to a slideshow, what do you actually see? Is it blank? Or is vertical there a list of images?

@yukoner – Can you give us an example of another page where the css fix isn’t working? It could be some other css conflict.

Also just an update for anyone on this thread:

We’re currently doing testing/QA for a release that includes a fix for yukoner’s initial CSS conflict, and also adds options for autoplay, arrows, pause on hover, interval, transition speed, and transition style. It should be released tomorrow morning.

@edanzer
I also tried the instructions you gave @jillsdablog

The slideshow that was working (manually) still showed, but no other does.

Here’s a page with another that isn’t showing. https://normhamilton.ca/photography/environmental-portraits/

@yukoner – I think that’s a different theme CSS conflict, and the other one we’re already fixing in tomorrow’s release. Can you try adding the following custom css?

.ngg-slideshow .ngg-gallery-slideshow-image a {
display: inline !important;
}

@edanzer
I tried the fix you gave last and it didn’t work.

However I altered it to include “inline-block” and that seems to have fixed the issue. The slideshows are present, manually, on both pages and posts, as far as I can see.

This is the total of what I’ve inserted into Appearance/Customize/Additional CSS (both fixes)

.ngg-slideshow .ngg-gallery-slideshow-image img {
display: inline-block !important;
}

.ngg-slideshow .ngg-gallery-slideshow-image a {
display: inline-block !important;
}

@edanzer.
Oops, spoke too soon.
The second fix makes the images on the first page we corrected not fit within the slideshow.

See https://normhamilton.ca/photography/headshots-and-executive-portraits/

Hi @yukoner,

I am sorry but display: inline-block !important; wouldn’t work.
Can you please check it once more with the provided above rule and make sure that you are clearing any caching:

.ngg-slideshow .ngg-gallery-slideshow-image a {
display: inline !important;
}

Hope this helps,
Mihai

• This reply was modified 6 years, 1 month ago by Imagely.

The first page I sent works with the new update but none of the others do.

Here’s a new page where, after clearing the cache in Gallery/Other Options/Miscellaneous, I tried to install a gallery. Nothing shows.

https://normhamilton.ca/photography/nextgen-test/

I’ve added
.ngg-slideshow .ngg-gallery-slideshow-image a {
display: inline !important;
}
to Gallery/Other Options/Styles/Show Customization Options after removing it from Settings/Custom CSS. That way it’s only in one place so I don’t lose track. LOL

• This reply was modified 6 years, 1 month ago by yukoner.

@yukoner – we did just push a release today with these fixes. Can you try updating to 3.0.13 (and remove your custom css) and see if all galleries are working? If they’re not, please send me the link for the one(s) that aren’t. As far as I know of your issues, the latests release should fix your galleries.

Thanks!

@edanzer
I’ve updated to 3.0.13.

Slideshow not working on
https://normhamilton.ca/photography/environmental-portraits/
https://normhamilton.ca/photography/stone-butter-church-photowalk-2018/
https://normhamilton.ca/photography/sandsculptures-in-parksville-bc-2018/

but is working on
https://normhamilton.ca/photography/headshots-and-executive-portraits/
https://normhamilton.ca/photography/maternity-photography/

@edanzer
I posted with several links to the pages not working and a couple that are, but it appears your automated system flagged it.

I expect because of the links.

Hi @edanzer
Did my post with the three pages that aren’t working and the two that are get to you?
Yukoner

Hi @yukoner!

Yes, your post did reach the forum! Thank you.
Did you try re-inserting the galleries?
Could you please check if that fixes the problem?

Keep me posted on your results.

-Gaby

@yukoner – Sorry for the delayed response on my part. I think these are another theme css conflict. Can you try the following custom css please? That fixes it for me on all three of your pages. We’ll need to add that line to our next release.

.ngg-slideshow .ngg-gallery-slideshow-image img {
padding: 0;
}