Responsive caption

Hi @drauth,

There seems to be a styling problem with the Fancybox in your case. I hope that you wouldn’t mind checking for a plugin conflict by temporarily deactivating all the plugins excepting NextGen Gallery and cleaning the cache to see if this will change anything.

Thanks a lot for the quick answer.
I found quickly the cuplrit. Is Autoptimize plugin with “optimize JS” option set.
It changes all the visualization of the caption, with Autoptimize on, the captions are white on a semitransparent black background, when off the captions are black on white background (see https://prntscr.com/nh5mjt) and I prefer this version…
It also changes the behaviour for the long lines, with no need to insert manually <br/>.
Any clue to have JS optimized and captions working as expected?
Thanks

Simone

First and foremost (if not done so already) try confirm it is JS optimization that is breaking things by just disabling that (and else try to disable CSS optimization).

Once you know that, dive in and try identify what code/ files (CSS or JS) are responsible for the broken feature and try excluding that. If the problem is with JS, chances are you’ll find useful information on your browser’s developer console. Alternatively you can also try just unticking the “aggregate JS”-option.

There’s more info in the troubleshooting tips and info on exclusions in the AO FAQ.

hope this helps,
frank (ao dev)

Hi @drauth,

Great to hear that you’ve found the culprit. You may want to exclude the following CSS file from the Autoptimize and check if everything else works fine:

/wp/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/fancybox/jquery.fancybox-1.3.4.css

Thans,
I did it [see https://prntscr.com/nh7tu3%5D but still, when Optimize Js is on, captions don’t work as exepceted…
Isn’t a matter to exclude some JS instead/along with the mentioned CSS?
Simone

Hi @drauth,

Can you please try to exclude this JS resource as well?

nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/fancybox/jquery.fancybox-1.3.4.pack.js

Hi,

nope…

Please see the difference without JS optimization https://prntscr.com/nlzyqq

as I would like to be, and with JS optimization https://prntscr.com/nlzz6t

Did I set the options right? See https://prntscr.com/nlzzn7

Thanks

Simone

Any answer?

hey Simone;
I had a quick look and although JS optimization is off now, the captions are still not shown as in your “would like to be”. Even more, when AO is entirely disabled (by adding ?ao_noptimize=1 to the URL) I still see the captions with white background;

So not sure what is wrong here, but _might_ not be due to AO after all?

frank

Thanks, but I can’t confirm what you say.

With JS optimization activated on AO captions are white on black blackgroun and not responsive

With JS optimization deactivated on AO OR https://www.panarea.com/il-mare-e-gli-uomini/?ao_noptimize=1 captions are black on white background and responsive as expected and wanted.
Note, that I keep JS optimization deactivated in order to have the right captions but I would like to activate it…

Thanks again
Simone

ah, I misunderstood, you want them black on white, not white on black ??

have you tried adding wp-content/plugins/nextgen-gallery/ to the comma-separated JS optimization exclusion list?

SOLVED:
See https://prntscr.com/nxu9e8

good job Drauth ??