Disable arrow animation on slideshow « Support Forum | Kriesi.at

Support Forum » Choices

Disable arrow animation on slideshow

18 posts from 4 voices

Started 6 months ago by Obeatone
Latest reply from Obeatone
This topic is closed
This topic is not a support question

Tags:

No tags yet.

Obeatone
Member

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

Posted 6 months ago #
Dude
Dude
Hi!

Add following code to css/custom.css or into the quick css field:
```
div .arrow_controls{
display: none !important;
}
```
Best regards,
Peter
Posted 6 months ago #
Obeatone
Member

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 !

Posted 6 months ago #

Dude
Dude

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

Posted 6 months ago #

Obeatone
Member

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 !

Posted 6 months ago #

Nick
Moderator

Hi,

Try this

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

Thanks,

Nick

Posted 6 months ago #

Obeatone
Member

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

Posted 6 months ago #
Devin
Moderator
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
Posted 6 months ago #
Obeatone
Member

Thank you very much to all for your help :)
It is ok now ! :D

Have a nice day.

Regards,
Thibault

Posted 6 months ago #
Obeatone
Member

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!!!

Posted 6 months ago #
Obeatone
Member

Any idea Dude, Nick, Devin ? ;(

Posted 6 months ago #
Dude
Dude

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

Posted 6 months ago #
Obeatone
Member

Hi Dude,

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

Thank you very much for your help !! :D

Regards,
Thibault

Posted 6 months ago #
Obeatone
Member

I can add an opacity:0 to hide it but I still have the pointer on rollover :(
Css will make me crazy !! xD

Posted 6 months ago #
Nick
Moderator
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
Posted 6 months ago #
Obeatone
Member

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 !

Posted 6 months ago #
Nick
Moderator

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

Posted 6 months ago #
Obeatone
Member

fouah, so complicated to stop a simple animation...
I will find a solution later...

Thanks for helping.

Posted 6 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Disable arrow animation on slideshow

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…