In single post template I added a background image like this: https://prnt.sc/11ajk2g
When I open a post, the background image has an annoying and slow fade in/transition effect. I want to disable this completely, so that the background image instantly appears. How can I do this?
Hello,
I don’t know exactly what effect you mean, but if you using Cloudflare, please make sure that is set as in our guide https://forum.tagdiv.com/cloudflare-cdn/ , you need to disable the Rocket Loader and see if the problem persists.
Thank you!
I have the same problem. I added a background image to the header and the image fades in.
How do I fully disable all fade animations?
You’ve had previous topics about this. Please just allow to fully turn off animated loading of background images.
See screenshot: https://imgur.com/a/b4timrB
Or visit: https://www.mc-folket.se
Click around, and the background for header is not loading on page load. But loads AFTERWARDS and is animated. This is very uggly and I don’t want that effect on any images, especially not background images.
Hello,
To disable that effect, you need to use a custom code CSS
<style>
.td-element-style-before {
transition: none!important;
-webkit-transition: none!important;
opacity: 1!important;
}
</style>
Set the code in Theme Panel -> Analytics / JS Code =>https://www.screencast.com/t/WbKJW3EYwK
Thank you!
