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 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
You can find the image file that contains the navigation arrows in the skins folder. Enter the folder of your current skin that you want to change and then you can edit the skin.png file.
I would like to change the Arrows on layer slider to just be the arrow without the background and change the color of the arrow.
Hey ira wendorf,
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 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
Hi Attila,
Thank you for the info. Can you please tell me where the image file that contains the arrows is?
Sincerely,
Ira
You can find the image file that contains the navigation arrows in the skins folder. Enter the folder of your current skin that you want to change and then you can edit the skin.png file.