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 at the moment there is no built-in option in the plugin 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 inexperienced users. Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
But if you're willing to try, 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
Good morning, I have 2 questions how do I move the slider arrows, and do you have any accordion slideshow templates?
best regards,
- Mick
Hello Mick,
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 at the moment there is no built-in option in the plugin 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 inexperienced users. Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
But if you're willing to try, 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
You can find all of the available demo sliders in the Template Store: https://layerslider.kreaturamedia.com/sliders/ You can check them to see if any fits your needs.
Thank you for your help, I figured it out I used the code "visiblity: hidden;" to hide the unwanted arrow.