Disable Animated BounceIn

[Lara Marsh]

Hi Bill –
How do I turn off the animated bounceIn of the logo? I thought I had asked this before and forgot but now I can’t find it on the forum postings if I did. 🙂

Thanks!
Lara

[Bill Robbins]

Lara,

You can do that. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   .animated,
   .flex-active-slide .animation {
   	-webkit-animation-duration: 0;
   	-moz-animation-duration: 0;
   	-ms-animation-duration: 0;
   	-o-animation-duration: 0;
   	animation-duration: 0;
   }
   

3. Update your settings.

If you run into any trouble, just let me know.

Thanks,
Bill

[Lara Marsh]

Thanks, Bill. This is not working. Should it be referencing #logo?

[Bill Robbins]

Hey Lara,

Can you send me a link so I can take a closer look for you?

Thanks,
Bill

[Lara Marsh]

Yes…sorry about that!
I am still building the site (just started) but you can see it at http://www.ripples2waves.org/

[Bill Robbins]

Laura,

Thanks for sending over the link. It looks like on my end that the loading animations are no longer there. Are you seeing something different or are you looking for something else?

Let me know and we’ll get it straightened out,
Bill

[Lara Marsh]

I am seeing the logo (i.e. Ripples to Waves on the upper right) bounce in with every page load. I am using Firefox. Do you not see it?

[Bill Robbins]

Interesting. The CSS tools I use most are webkit based, so that had taken care of it in Chrome and Safari. I had not looked in Firefox, but I do see that. Try adding this and see if it works:

.bounceIn,
.fadeInDownBig,
.fadeInDown,
.fadeInUp {
     -webkit-animation-name: none;
     -moz-animation-name: none;
     -o-animation-name: none;
     animation-name: none;
}

If that doesn’t take care of it, let me know,
Bill

[Lara Marsh]

That worked! Thanks!

[Bill Robbins]

Fantastic. Let me know if you need anything else.

[Author]

Posts