Turn off Hero animation

[wtflovelife]

Hi! I am wondering how I can turn off the animation for the “hero” page header. I just want the image and text to always be there without “animating” in.
THANKS

[Swift Ideas – Ed]

Hi there,

Please go to Theme Options > General > Disable Hero Heading Intro => On

– Ed

[wtflovelife]

THANK YOU

[Mohammad – SUPPORT]

Hi,
Great thanks to Ed.
Mohammad

[skpacific]

Hey guys,

Thanks for the help, I already did turn off the animation for the intro in the theme menu, however, the title still seems to Fade In.

Do you know if I forgot something?

Here’s the URL

http://www.dev.skpacific.org/whats-included/

Thanks a lot in advance.

Sam

[David Martin – Support]

Hi Sam,

Can you delete the old Uplift parent theme with the lesser version number?

[skpacific]

Hey sure!

I was not sure if you meant the other Uplift theme in the theme folder (was Uplift 2). I just deleted it! Let me know if it’s something else you were talking about.

Cheers,
Sam

[Rui Guerreiro – SUPPORT]

Hi,

I Just forwarded to David so he can reply.

-Rui

[David Martin – Support]

Hi,

Please add this to Theme Options => Custom CSS:

.page-heading.fancy-heading.animated,
.page-heading-breadcrumbs.fancy-heading .heading-text {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
 }

[skpacific]

Hey David,

Thanks for the help. It does seem to work however there still seem to have a delay before the header appear, like the milliseconds delay is still happening. That is more what I was trying to get rid of.

I really like the fade away when scrolling down so that I why I was trying to tweak the animation.

Thanks,
Sam

[David Martin – Support]

So you want the fade-in animation, but without the delay?

[skpacific]

Exactly, the appearing delay when the page initially loads.

Thanks
Sam

[skpacific]

And also the fade out animation when scrolling down (that’s why I can’t use a row for it, also it works better on mobile)

cheers

[David Martin – Support]

Turn Performance Options to Off in the theme options.

Open functions.js and locate this: var fancyHeadingAnimDelay = 400; set that to var fancyHeadingAnimDelay = 0;

The fade out opacity on scroll down is not present currently.

Thanks.

[skpacific]

Hey David,

Thanks a lot for the help, that worked like magic!

Have a good one,

Cheers,
Sam