Im wondering how can I change the preloader color via CSS.
Im talking about this : http://prntscr.com/ml2qwz
Hi,
That color is get from theme accent color, some blocks get this color from title background color -> https://www.screencast.com/t/J416b5TP
here are some class that have this background set
-> https://www.screencast.com/t/keIPrYtu0z
-> https://www.screencast.com/t/gEnQdQ50
Thank you for your understanding!
Im interested in changing it in megamenu items only.
Can you provide a CSS code for that?
Hi,
This is quite hard to obtain, but I think that you can us this class .tdb-mega-menu that color is get from theme accent color -> https://www.screencast.com/t/8bKRJN6oo
Thank you!
Whats the exact CSS class of mega menu’s preloader?
Hi,
This is a bit harder to achieve because the animation is made in javascript, here is some css for this -> https://www.screencast.com/t/4Ql90dhDCjJa
.tdb-mega-menu .td-lb-box-1{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-2{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-3{
background : rgba( 5, 10, 15, 0.3 ) !important;
}
.tdb-mega-menu .td-lb-box-4{
background : rgba( 5, 10, 15, 0.5 ) !important;
}
.tdb-mega-menu .td-lb-box-5{
background : rgba( 5, 10, 15, 0.7 ) !important;
}
.tdb-mega-menu .td-lb-box-6{
background : rgba( 5, 10, 15, 0.9 ) !important;
}
.tdb-mega-menu .td-lb-box-7{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-8{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
Here is the file in theme -> https://www.screencast.com/t/nOja8u0kzv82 -> wp-content/themes/Newspaper/js/tagdiv_theme.js
Thank you for your understanding!
This worked – thanks, but killed the animation of the preloader.
Did you test it?
It seems that there is no motion (or all elements have the same color, so motion is not visible).
Can you please provide me a new, correct code that will preserve animation aswell?
Hi,
Unfortunately I do not know the right code do achieve the animation, that is a java-script code that change the box order in order to make that animation, the file is wp-content/themes/Newspaper/js/tagdiv_theme.js https://www.screencast.com/t/nOja8u0kzv82
Sorry for the inconvenience!
Thank you for your understanding!
Calin, this is a support place and Im not asking for a custom request, but a CSS thing.
You already served half of the correct answer, so please be kind and escalate this to a senior dev, in order get back to me with a correct reply.
I appreciate your cooperation in advance and will wait for your news,
Hi,
I ask a senor developer and he say that can not be done using only custom css, also for the moment our theme do not have any option for mega menu loader gif, but this suggestion will be take in consideration and in coming updates this will be possible, for the moment you can check that loading animation only form theme accent color -> https://www.screencast.com/t/HcsSWlAbvH or making some changes in javascript files and minify file, but this will applay on all blocks that have next, prev button
-> https://www.screencast.com/t/uw39FCar
What you can do is to replace that animation with a gif -> https://www.screencast.com/t/LYnhcQo2SH2
.td-loader-gif{
background: url("http://localhost/test_site95/wp-content/uploads/2019/02/UUjhE.gif");
background-repeat: no-repeat, repeat;
width: 100px;
height: 100px;
margin-top: -50px;
}
.td-lb-box-1, .td-lb-box-2,.td-lb-box-3,.td-lb-box-4,.td-lb-box-5,.td-lb-box-6,.td-lb-box-7,.td-lb-box-8{
display: none;
}
Thank you for your understanding!
