I know this has been asked before but it's really an issue for those of us using crisp white backgrounds.
Is there any chance you can share the CSS to change the nav button color to gray or black, so at least we have a choice of 3 shades? The website looks great but having to put gray balloons behind the nav buttons is ugly pugly :-)
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.
As you might have already read, 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
Hi
I know this has been asked before but it's really an issue for those of us using crisp white backgrounds.
Is there any chance you can share the CSS to change the nav button color to gray or black, so at least we have a choice of 3 shades? The website looks great but having to put gray balloons behind the nav buttons is ugly pugly :-)
Thanks a million
Matty
Hello Matty,
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.
As you might have already read, 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