I’d like to disable the effect of fadeInRight etc. of posts.
Some suggest?
Thanks
Hello
This is the address of screenshot of what I’d like to control.
Boxes with the layout function have long loading times and show a very annoying white overlay.
I would like to remove the white overlay and if it’s possible apply a slide right effect across the entire width of the box or just a fade effect without a overlay. I tried modifiyng the CSS but I couldn’t.
Below is some CSS code which I tried to modify for the effects I indicated.
Taken from the file:
wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
.td_animated {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.td_animated_long {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.td_animated_xlong {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.td_animated_xxlong {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* —————————————————————————-
td_fadeInRight
*/
@-webkit-keyframes td_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes td_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.td_fadeInRight {
-webkit-animation-name: td_fadeInRight;
animation-name: td_fadeInRight;
}
Thanks a lot