Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #18365

    Hi everyone,

    I want to disable the animation on arrow slideshow (they are moving when you put your mouse at the left or the right of the slideshow).

    > Can you tell me how i can do that ? I just want to fix my arrow :)

    Thank you very much for your help !

    Regards,

    Thibault

    #99152

    Hi!

    Add following code to css/custom.css or into the quick css field:

    div .arrow_controls{
    display: none !important;
    }

    Best regards,

    Peter

    #99153

    Thank you for your answer but with this code there is no more arrow.

    I want to keep arrow controls, I just want to stop animations at the beginning.

    Any idea ? :)

    Thank you !

    #99154

    Hi!

    In this case try following css code:

    div .arrow_controls .ctrl_next {
    right: -25px !important;
    }

    div .arrow_controls .ctrl_previous {
    left: -25px !important;
    }

    Best regards,

    Peter

    #99155

    Cool, now they don’t move :)

    But the opacity at the beginning is 0. You know how i can do to have an opacity at 1 ?

    Thank you again !

    #99156

    Hi,

    Try this

    .ctrl_next.css_3_hover_container {
    opacity:1 !important;
    }
    .ctrl_previous.css_3_hover_container {
    opacity:1 !important;
    }

    Thanks,

    Nick

    #99157

    Thank you Nick, It’s OK for the opacity but I still have to roll my mouse on the slideshow to activate arrows (they appear after that without opacity animation).

    You can see that here : http://thibaultaffre.com/site/

    I think one more css line will resolve this :)

    Thank you very much for your help !

    Regards,

    Thibault

    #99158

    Hi Thibault,

    This should do it:

    #top #slideshow_big .arrow_controls a {
    display: block !important;
    }

    Just add that to the rest of the css you already have and it will force the arrows to show.

    Regards,

    Devin

    #99159

    Thank you very much to all for your help :)

    It is ok now ! :D

    Have a nice day.

    Regards,

    Thibault

    #99160

    Arghhhh no, now there is the Pause button :(

    And I don’t know ho to disable it, i tried for 3 hours with no success :(

    Can you help me just one more time ? :D

    Thank you very much!!!

    #99161

    Any idea Dude, Nick, Devin ? ;(

    #99162

    Hi!

    Can you post a link to the slider please? Tbh I’m not sure where the pause button comes from and I need to investigate the html/css code first hand.

    Best regards,

    Peter

    #99163

    Hi Dude,

    You will find the slider here : http://thibaultaffre.com/site/

    Thank you very much for your help !! :D

    Regards,

    Thibault

    #99164

    I can add an opacity:0 to hide it but I still have the pointer on rollover :(

    Css will make me crazy !! xD

    #99165

    Hi,

    Try this:

    #top #slideshow_big .arrow_controls a {
    display: none;
    }

    It took exactly 5 seconds using Chrome Dev Tools. I suggest you use them.

    Thanks,

    Nick

    #99166

    Thank you for your answer but with this css I need to rollover the slideshow to “activate” arrows.

    > With this code users can’t see arrows, they have to rollover.

    Thank you for your help !

    #99167

    Hi,

    You don’t like that? I think the buttons showing on hover is pretty wicked cool.

    Right there are 6 display properties targeting this node through various class combinations. I think you need to empty that custom.css file .

    Also I see some css in there counterfeiting the css provided here.. Lastly, how did the pause button morph into the left arrow button? using the same css? lol

    I would first finish up your design and then we deal with the pause button just so that nothing overrides it down the line in the cascade

    Thanks,

    Nick

    #99168

    fouah, so complicated to stop a simple animation…

    I will find a solution later…

    Thanks for helping.

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Disable arrow animation on slideshow’ is closed to new replies.