How can I get rid of or change the nav buttons on each end of the slider? I have tried to find documentation for this but it's getting time consuming. You will see on each side the Next and Previous buttons Im talking about. Also it appears that the left side button is tweaked somehow.
Wow that was so easy...I feel like a nincompoop. Not sure if thats how you spell it. Getting rid of them is pretty much want I want to do, however I also wanted to know how to change them. Through CSS?
At the moment there is no built-in option in the plugin to relocate or edit the navigation areas, so 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
Hey I have another question about the navigation area. I have changed the original color of my buttons but the hove over stays yellow. Can I change the hover over color too? I don't see anywhere that I can change the hover color on my buttons.
We have tried to rely more on using CSS in the newer skins, but unfortunately I do not know them by heart. You will need to check which skins include both version of the nav arrows in the image file.
How can I get rid of or change the nav buttons on each end of the slider? I have tried to find documentation for this but it's getting time consuming. You will see on each side the Next and Previous buttons Im talking about. Also it appears that the left side button is tweaked somehow.
I would be OK with getting rid of them entirely.
Thanks so much,
Duncan
Hey Duncan,
You can hide the navigation arrows with the options located in the Slider Settings -> Navigation Area tab.
Wow that was so easy...I feel like a nincompoop. Not sure if thats how you spell it. Getting rid of them is pretty much want I want to do, however I also wanted to know how to change them. Through CSS?
Thanks so much Attila!
At the moment there is no built-in option in the plugin to relocate or edit the navigation areas, so 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
thank you so much, that makes perfect sense.
Hey I have another question about the navigation area. I have changed the original color of my buttons but the hove over stays yellow. Can I change the hover over color too? I don't see anywhere that I can change the hover color on my buttons.
Thanks,
Duncan
It depends on what skin you are using. Not every skin has the buttons or their hover versions added as an image file.
In case you cannot find the hover version of the nav arrows, than you have to use CSS to style them instead.
Hi Attila,
I am currently using the Borderless Dark skin. Do you know off hand which skins allow for the change of image files?
We have tried to rely more on using CSS in the newer skins, but unfortunately I do not know them by heart. You will need to check which skins include both version of the nav arrows in the image file.
Thanks again for your help Attila! I'll look into that.