Archetyped

Thanks for the details. Will look into this.

Hi, are you still experiencing an issue with SLB? If so, please provide the requested details and I would be glad to take a look.

Hi, you can track the status of PHP 8+ notices at the existing post on SLB’s official support forum.

The post also contains some tips for preventing the messages while development is in progress.

Thanks.

Thank you for the additional details.

The Google sheets URL is not in a standard image format, so SLB does not detect it as an image to be displayed in a lightbox.

Non-standard URLs like this can be handled via an extension. You can request an extension on SLB’s official support forum.

As noted, the CSS uses SLB’s default theme as an example.

CSS that will work with your custom theme depends on the structure and elements. Checking CSS documentation is highly recommended to find the best CSS properties to suite your needs.

Hi, width: 50% is just an example. The important detail is using height: auto or equivalent CSS so that the image’s aspect ratio is maintained as it is resized by whatever means you’re using to do that.

The simplest way is to hide the desired elements during loading via CSS.

For example, with the default theme, the .slb_details element (which contains the title/caption) can be hidden during loading with the following CSS:

.slb_viewer.loading .slb_details {
    visibility: hidden;
}

For more customized control over lightbox elements and events, take a look at how SLB’s built-in themes handle these by perusing SLB’s themes sub-directory.

For example, see how SLB’s “Light” theme handle’s hiding/showing elements at different phases by checking out the source file.

Hi, please provide a link to a page that exhibits the issue you are experiencing and I would be glad to take a closer look.

Glad to hear it’s working for you! As previously-noted, this is because HTTP authentication (requiring username/password to view the site) is not used on your new site, so all plugin files can be fully loaded.

It looks like links in block theme elements will need to be handled by a plugin, so let’s continue to track things in the feature request you created on SLB’s official support forum to keep discussion on this functionality in one place.

Thanks.

This thread has been marked as resolved due to inactivity. If you are still experiencing an issue, please provide the previously-requested information and I would be glad to take a look.

SLB was tested with WordPress 6.4.2 and no conflicts were found with WordPress’ built-in lightbox when tested with default themes (e.g. Twenty Twenty-Four), so the issue may be related to a specific theme or your site.

Please provide a link to the theme you are using and a link to a specific page that exhibits the issue you are experiencing, and I would be glad to take a closer look.

• This reply was modified 10 months, 1 week ago by Archetyped.

SLB is most likely not working at the link provided due to HTTP Authentication being enforced sitewide.

Per SLB’s Requirements, HTTP Authentication can block the loading of necessary files, preventing SLB from functioning properly.

Disabling HTTP Authentication allows necessary files to be loaded for SLB to function normally.

Hi, there does not appear to be a duplicate title in the video you provided. Rather, it looks like the title is briefly displayed at the top of the lightbox until the image is loaded, which pushes the title downward.

As it appears you are using a custom lightbox theme, comparing it with SLB’s built-in themes is recommended. Evaluating different CSS layout properties (documentation) is also recommended to determine the ideal properties for your specific theme’s structure.

Hi, generally setting height: auto and a relative width (e.g. width: 50%) will allow the image to maintain its aspect ratio when resized.