Monochrome Pro Fadeup

[RavenManiac]

Is there any way to turn off the fadeup that happens with the Monochrome Pro template? The reason I ask is sometimes the home page shows up blank until the user interacts with it.

https://staging.dkihomes.com/

[AnitaC]

Yes, open the style.css file. Look for this starting around Line 171 - remove from Line 171 to 202.

body {
	-webkit-animation: fadein 1s;
	-moz-animation:    fadein 1s;
	-ms-animation:     fadein 1s;
	-o-animation:      fadein 1s;
	animation:         fadein 1s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

---

Need help with customization or troubleshooting? Reach out to me.

[RavenManiac]

Unfortunately, I can't get it to work. I commented out the code you indicated, cleared my WordPress and browser caches, and even tried Incognito, and nothing worked.

Maybe I'm describing it wrong. On the Monochrome Pro homepage, I want to eliminate how the copy scrolls up from the bottom when you first load the page. I actually like the effect. But sometimes, when you first load the page, it's completely blank (except for the header) until you interact with the page. Then, the copy will scroll up and appear. While it's a cool effect, it may create some user confusion.

Thanks for your help, Anita.

[AnitaC]

I think this might be best in Genesis Slack. Respond back with your email and Set as Private. I'll be able to see it to invite you.

---

Need help with customization or troubleshooting? Reach out to me.

[RavenManiac]

This reply has been marked as private.

[RavenManiac]

This reply has been marked as private.

[Author]

Posts