How to disable slide effect of posts

Posted in: Newspaper
Post count: 11

I’d like to disable the effect of fadeInRight etc. of posts.
Some suggest?

Thanks

Post count: 21065

Hello !

I am not sure I fully understand what you are looking to edit. Can you please provide a screenshot and an url to your website ?

Thank you !

Post count: 11

Hello

This is the address of screenshot of what I’d like to control.

https://www.pocketnews.it/newspaper/wp-content/uploads/2020/12/Screenshot_2020-12-10-Pocketnews-nuovo-Notizie-del-sud-ovest-di-Milano.jpg

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

Post count: 21065

Hello!

All you can do there is to remove the white overlay from there.
You could apply this css code:


.td_fadeOut_to_1 {
    -webkit-animation-name: none;
    animation-name: none;
}

Thank you!

  • This reply was modified 5 years by Bettina.
Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.