1) I'm wondering why I don't have the same arrows displayed in the slider configuration preview as on the browsers once published. as the screenshot shows it : (dark background with the browser) and arrows angle changing with no background on the preview. Why is there such a difference ? whre to change it to what I get in the preview pane.
2) Where Can I change the color of the arrows (default and hover) ?
3) Where can I define the display of the navigation dots at the bottom of the slider (thus showing as well how many slides the slider contains).
The navigation arrows, buttons and thumbnails can all be controlled in the Slider Settings -> Navigation Area and Thumbnail Navigation tabs.
However to edit, relocate or create new navigation areas, you will need to do some coding. At the moment there is no built-in option in the plugin to edit or move the navigation areas. 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. The classes you are looking for are .ls-nav-prev, .ls-nav-next
Hi team,
1) I'm wondering why I don't have the same arrows displayed in the slider configuration preview as on the browsers once published. as the screenshot shows it : (dark background with the browser) and arrows angle changing with no background on the preview. Why is there such a difference ? whre to change it to what I get in the preview pane.
2) Where Can I change the color of the arrows (default and hover) ?
3) Where can I define the display of the navigation dots at the bottom of the slider (thus showing as well how many slides the slider contains).
thank you for your support
Ectic
Hello Ectic,
The navigation arrows, buttons and thumbnails can all be controlled in the Slider Settings -> Navigation Area and Thumbnail Navigation tabs.
However to edit, relocate or create new navigation areas, you will need to do some coding. At the moment there is no built-in option in the plugin to edit or move the navigation areas. 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. The classes you are looking for are .ls-nav-prev, .ls-nav-next