Hi there,
I have some text elements that are fading when a page loads (this should have nothing to do with lazy load). How do I turn off css fade animation on individual element blocks?
Alastair
page affected: http://www.trailandkale.com
There is an opacity transition, maybe that is what you are referring to. You could try setting a custom class to that row and then use some CSS to remove the transition if that us what is needed
– https://www.screencast.com/t/bYvkUMe6dy9
The code you could try would be like this
.my_class .td-element-style {
transition: none!important;
}
Hi Simion,
Didn’t seem to fix it. You can still see the opacity transition happening on load on the first row here: trailandkale.com
Thanks for looking into it for me
The opacity transition will be removed if that code is used, but the row background will still be loaded with a delay. That would be the purpose of the smooth transition, so that the row background does not appear all of a sudden in view, but fading in.
That is how backgrounds should be loaded ideally and how the theme loads them all.
So how do I turn off the delayed background load on a per row basis? It doesn’t work in my case and instead makes the theme appear to load slowly and clunky.
I need a solution for this please
Best,
Alastair
Except removing the background set for the row, there would be no other way I can think of. That is how all the backgrounds are supposed to load. All backgrounds are treated similarly
– https://demo.tagdiv.com/newspaper/category/template-style-8/
It is supposed to be a feature, a smooth transition. If you don’t wasn’t this, you could design the page differently if possible.
But there are going to be situations where you want to make changes… Was that not considered?
I have a dark blue background with white text on a row. The sitewide bg colour is white. so when my page loads I get a horrible looking flash of a huge block of white. For whatever reason, the block below which also has a coloured background loads faster than the row above, making it look even worse. Please take a look and you will see what I mean:
trailandkale.com
I see that you changed to using a row divider for the whole row, the result is much better in my opinion. So you could consider leaving it as it is at the moment, there is no problem with it.
