my client asked me to replace the full screen slider navigation in the homepage (previous and next buttons to be exact) with new ones that should be in the center of the slider all the time (and not just on roll over)
using enfolds-fontello icons and some css i succeeded to do so (there is a link in the private content so you can see the results) and so far everything is fine
..it’s much less pretty .. i know …but as long as the client happy, I’m happy too ..well ..sort of
any way..
only problem now is: the new right button (#next) has very cool ‘sonar’ animation on roll over
but the new left (#prev) button doesn’t
e.g – they both work like they should but only right button has that rollover effect – why?
how can i fix it so they both have that cool effect?
..or.. if it’s not possible to fix than how do i disable the rollover effect in the right button so it wont stand out?
thanks in advance
Doron
Hey Doron!
Thank you for using Enfold.
The play container covers the stop container. Define the width of those containers.
#mysecstopdiv {
left: 50%;
width: 50px;
}
#mystopdiv {
left: 45%;
width: 50px;
}
There are different ways of doing this but you can start with that.
Cheers!
Ismael
I’m such fool! and you are so right!
both div were 100% width so they covered each other!
now it works perfectly
thank you so much!
Doron
Hi!
NO worries, we are here to help.
Please feel free to let us know if anything else is needed, we will be more than happy to assist.
Thanks a lot
Cheers!
Basilis