Is there a template we can follow / the settings for having the previous and next slides as navigation for our slider. We want to have the previous slide to the left of the current slide and the next slide on the right of the current slide.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately there is no built-in option in the plugin to achieve this effect currently.
But if you would like to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for unexperienced users. Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the arrows. It was created with a "CSS sprites" method, meaning that only certain parts of the image is being showed. As long as you do not change the arrows' sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file. The classes you are looking for are .ls-nav-prev, .ls-nav-next
The problem seems to be that the images in the slider are being resized to a very small size. For example: https://web.designoffice.co.uk/wp-content/uploads/2018/07/alan_ritchie.png
This could be caused by an image optimizer or any similar solution/plugin. Please look around on your installation to see what might be causing this (any plugin, theme, custom method related to images).
Hi,
Is there a template we can follow / the settings for having the previous and next slides as navigation for our slider. We want to have the previous slide to the left of the current slide and the next slide on the right of the current slide.
Tom
Hello Tom,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately there is no built-in option in the plugin to achieve this effect currently.
But if you would like to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for unexperienced users.
Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the arrows. It was created with a "CSS sprites" method, meaning that only certain parts of the image is being showed.
As long as you do not change the arrows' sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file. The classes you are looking for are .ls-nav-prev, .ls-nav-next
Hello,
Please try to disable the Use srcset attribute option in the Slider Settings -> Misc tab. This should solve the blurry image problem.
Thank you for the feedback.
The problem seems to be that the images in the slider are being resized to a very small size. For example: https://web.designoffice.co.uk/wp-content/uploads/2018/07/alan_ritchie.png
This could be caused by an image optimizer or any similar solution/plugin. Please look around on your installation to see what might be causing this (any plugin, theme, custom method related to images).