bqworks

You’re welcome, Meggs! ??

Hi Meggs,

Please try this custom CSS to hide the layers until the slider is ready:

.sp-layer:not([style]) {
	opacity: 0
}

Best,
David

Hi, Meggs. I would recommend using the Breakpoints feature instead of custom CSS. It would allow you to change several of the slider’s settings based on screen size.

Best,
David

Hi. That sounds like a JavaScript error in the admin area. What version are you using and did it work well before?

Best,
David

You’re welcome, Vishy! I’m glad the solution works. Thank you for the appreciative words!

Best,
David

Hi,

I was analyzing the slider from this page: https://vishymoghan.com/archives/invisible-cities/ and I noticed that some images didn’t load in Chromium browsers (Chrome, Brave). I haven’t checked all the pages, but on this page the slider’s Width was set to 0 and although it doesn’t matter much, since Auto Slide Size is enabled, it could be something that somehow affects the rendering engine in these browsers. So please try to set the Width to something like 500 or a similar value (the slides will be scaled automatically anyway). If the issue persists, please check if it also occurs if you preview the slider in the admin area and let me know.

Best,
David

Hi. You can try to set the Vertical and Horizontal settings on the layers to center

Best,
David

Yes, that was probably the cause. I’ve seen it happening before.

Please try this:

p.as-layer {
     width: fit-content !important;
}

Best,
David

Hi. The previous issue was probably due to instantiating the accordion while not being visible yet, the same issue that prevents it to resize correctly in the other tabs. The current issue could be caused by some theme/plugin CSS. Can you post a link to the page so I can see exactly what it is? I

Best,
David

Hi. If the images do show up after resizing the screen, most likely they are incorrectly resized when the slider loads. This can happen if the accordion loads inside an invisible container, which can affect its sizing calculations. The solution would be to programmatically trigger a resize as soon as the accordion becomes visible, but the exact implementation depends on the exact context.

Best,
David

When you load content from posts, you need to create a Posts slide and use dynamic tags to fetch the content. Please check the video tutorial that demonstrates creating slides from posts content and also check the documentation for the list of dynamic tags that you can use.

Best,
David

Hi. The examples are bundled with the plugin. You can find them in the examples folder. To import them, you copy the text content and paste it in the plugin’s admin, in the Import window. There’s also a video tutorial, linked from the “Getting started” area.

Best,
David

Hi. You could use Breakpoints and set the Visible Panels setting to be 1 for smaller screens (you can set the size for which the breakpoints applies in the Window Width setting). You can then also use CSS to hide the buttons below the accordion for smaller screens in order to disable panel navigation.

Best,
David

You’re welcome!