Turn off fade effect?

QuestionsCategory: QuestionsTurn off fade effect?
Hilary Gallagher asked 5 years ago

Is there a way to turn off the fade effect for the homepage?

2 Answers
Jennifer Staff answered 5 years ago

Yes, on line 3857 in your style sheet you will find this
 
.js .fadeup-effect {
opacity: 0;
overflow: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
 
Change it to this
 
/*.js .fadeup-effect {
opacity: 0;
overflow: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}*/
 
or delete the whole thing.  After you do that you may need to clear your cache to see the changes.

Hilary Gallagher replied 5 years ago

This definitely turned off the effect, however now the widgets I placed in Home Flexible do not show up at all – just the background shape of Home Flexible… I thought that turning off the fade would just have everything show, but it seems like it hides these elements? You can see it at http://hilarycolleen.wpstagecoach.com on the homepage.

Jennifer Staff answered 5 years ago

It shouldn’t have done that.  Could you shoot over the login and I can hop on and see what is going on.  jennifer@helloyoudesigns.com

Hilary Gallagher replied 5 years ago

Sure thing – I noticed that on my phone as well it piles certain things on top of one another – like the header text for the About section (Hello lovely) on my phone is hidden behind my photo… I’m still modifying and adjusting some things, but the home page is ALMOST how I’d like it. 🙂