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.
You can control the slider navigation areas and buttons in the Slider Settings -> Navigation Area and Thumbnail Navigation sections.
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.
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 or use the Custom CSS Editor. The classes you are looking for are .ls-nav-prev, .ls-nav-next
In my carousel, there are dots under which indicates that there are other slides for viewing. How can i remove the dots?
Hello Lia,
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.
You can control the slider navigation areas and buttons in the Slider Settings -> Navigation Area and Thumbnail Navigation sections.
How can I also adjust the opacity of the left and right arrows?
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.
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 or use the Custom CSS Editor. The classes you are looking for are .ls-nav-prev, .ls-nav-next
Got it Attila. Thank you for providing me all the details I need.
Thank you for the feedback.
If you need further assistance please let us know.