Home User profile
tagDiv Member
I'm a graphic and web designer.
Luca Matera
tagDiv Member

Thanks I solved the problem.

Best regards

Luca Matera
tagDiv Member

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

Viewing 2 posts - 1 through 2 (of 2 total)