Basic slider not functioning right

[clefler]

I started a basic carousel slider and for the most part it works as expected. I’ve gone through the tutorials but here are the main issues.

1. When it loads on the page the slide that is supposed to be centered is off the side. Then after it advances one slide it looks normal. See pics below…

This is how it loads in error:

This is how it looks after one advance:

2. I wanted to know how to best adjust the size of the image on different screens. Any size adjustments I make to the images besides “auto” causes the slides to overlap.

3. I wanted to know if it is possible to make the link of the other slides that aren’t the main one in view clickable. I am able to do this right now with a slider by revolution slider but would like to get it working with this native slider.

[tristup]

Hi @clefler,

It might be due to the Per Page slide mentioned in the Slider Container > Layout. I would suggest you mention any odd number instead of any even and check if that resolves your problem.
If that does not help, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[clefler]

I only have odd numbers in the Per Page settings.

[prakash_s]

Hello @clefler,

I checked your given page URL it seems that there is no slider on this page. I would suggest you please share the correct page URL and share the admin login details so that we can access your site dashboard and site settings.

Thanks

[clefler]

Yes sorry changed it, attached is login info.

[ruenel]

Hello @clefler,

The given credentials are not working for us. Please double-check it.

Thanks.

[clefler]

ok, not sure what happened but I updated the secure note with new login info.

[tristup]

Hi @clefler,

I have checked the slider setting in your page and found that the Per Page slide option is set to 4, I have changed it to 3 temporarily and found it is working fine.

Hope it Helps.
Thanks

[clefler]

I have changed it from 4 to 5 to get the proper look. I would like it to advance by slide and not by group or content.
It is still loading weird and seems very buggy. Sometimes it loads but takes a really long time to finish loading and will eventually shift from being of center to centered like it should be.

Is it possible to make the slide links clickable that aren’t the centered/in-view slide?

[tristup]

Hi @clefler,

We are not sure what exactly you are trying to acheive Is it possible to make the slide links clickable that aren’t the centered/in-view slide?. Are you trying to make the slide link to some URL? If that is the case, please go through the following thread on a similar topic.

Logo Carousel Slider - Making images a link

I want to turn the images into a link in my logo carousel slider - below you see my code in the Looper Provider:JSON. What should I add? { “company” : “mikro”, “image” : “https://mikrolegat.ffe-ye.dk/media/793220/mikrolegat-uden-baggrund.png width=249px&height=67px”, “height” : “3em”, “positionTop” : “0em” },

Hope it helps.
Thanks

[clefler]

The slide that is in focus or centered is the only one that is clickable but all the slides have images with links. The slides that are not in focus, on either side of the center slide, cannot be clicked but I would like to make them able to be clicked.

[tristup]

Hi @clefler,

The click for the rest of the slide has been disabled using the predefined CSS code, you need to override the code using the following custom CSS. I would suggest you add the code into the Page CSS of the specific page.

.x-effect-exit, .x-effect-entering, .x-effect-exiting 
{
    pointer-events: auto !important;
}

Hope it helps.
Thanks