Robert Neu

Hey ariskolore,

Unfortunately, yes it is requires you to link to the image file. All our plugin does is lightbox existing links to media files. There’s no easy way that I’m aware of to add links to images in a batch like this when they’re inserted into the post content.

If you do happen to find a method for processing old posts to add image links, let me know and I’ll add it to our FAQ section!

Sorry I don’t have better news.

• This reply was modified 8 years, 2 months ago by Robert Neu.

Haha no worries. Let me know if it comes up again so we can get to the bottom of it!

Hmm..

It looks like your images are missing the wp-caption-text class from the captions. This is a class that WordPress core adds to images when you add a caption within the WordPress editor.

Do you have any idea why those would be removed?

Hey csleh,

The captions should be working by default without you needing to do anything. Can you provide a link to where you’re having an issue so I can check this out for you?

Hey Piet,

I’m not able to reproduce this.

Would you mind enabling script debugging by adding define( 'SCRIPT_DEBUG', true ); to your wp-config file and letting me now which line the error is on? Can you also provide a link so I can see exactly where this is coming from?

Thanks!

• This reply was modified 8 years, 2 months ago by Robert Neu.

Hey Thor,

I’ve published version 1.1.0 to the plugin repo which I think should resolve your issue. If not, please let me know!

Hey guys,

Sorry about that, the correct shortcode is [heart_this]. The docs in the plugin are incorrect and I’ll get them updated in the next release.

Great! I’m glad you were able to get it worked out. ??

It is definitely possible to do this with CSS. They should already be displaying bellow your images by default. Do you have a link to the site where you’re having trouble?

The selector you would want to target for the captions is .featherlight .featherlight-content .caption

Hmm… this is the first report I’ve had of this. I don’t test extensively on Windows, so it’s definitely possible. I’ll do some Windows testing on my end, but would you mind sharing the URL of the site where this is happening so I can investigate a bit?

Hey Thor,

I’ve been delaying the next update due to some accessibility changes that were supposed to be made in the Featherlight script not working quite right. It looks like the rest of the changes have been delayed though, so I’ll most likely go ahead and tag a new release early next week.

Hey sdayman,

It’s true that we could add .webp into the JS that searches for images to be lightboxed, but the format is still completely unsupported by three major browsers. WordPress core doesn’t allow it by default, so even if we were to enable it, most people wouldn’t be able to use it without an additional plugin or custom code.

I’m not really comfortable adding support for it until it’s been added to core, so until this ticket is resolved I most likely won’t add it. If you’d like to press the core developers to add support for it, please get involved in that ticket!

Ah, I see what you mean.

It looks like if you move the border to the .featherlight .featherlight-inner selector, the problem is resolved.

.featherlight .featherlight-inner {
	border: 10px solid #fff !important;
}

Rather than the snippet I pasted above seems to do the trick.

Let me know if you run into any additional problems and I’ll do my best to help you sort them out. ??

Hey Mat,

You should be able to add a border by adding the following css to your theme or WordPress’ custom CSS module in the customizer:

.featherlight .featherlight-content {
	border: 10px solid #fff !important;
}

The animation is also handled with CSS, so you should be able to increase the animation time with this CSS:

.featherlight .featherlight-content {
	-webkit-animation-duration: 2s !important;
	animation-duration: 2s !important;
}

In that code, 2s stands for 2 seconds, so you should be able to adjust that to whatever value you like such as 1.5s or 3s etc.

Hope that helps!

Glad you got it sorted out!