1. Uploaded a Custom Logo for preloader. Is it possible to replace it instead of being on top of it?
2. Cannot find an option to make the button round instead of square.
Hey philee!
Thank you for using Enfold.
1.) Add this in the Quick CSS field:
.av-siteloader {
animation: none;
background: url('http://philee.xyz/design/wp-content/uploads/2016/02/pre02j.gif');
border: 0 !important;
width: 89px;
height: 94px;
}
2.) There’s a lot of css tutorial or snippets about rounded buttons. Example: http://jsfiddle.net/josedvq/Jyjjx/45/
Best regards,
Ismael
Thank you :) Works great.
For the CSS round button it isn’t an option with Avia Layout Builder Button?
Hi,
No unfortunately not, you will have to use custom CSS for that. Let us know if you should need any help with that.
Best regards,
Rikard
https://philee.xyz/design/work/
I applied the CSS to replace the Preloader to be removed. Only thing is the round circle loading up is still there (the spinning gif is disappeared though). Is it possible to remove the circle loading up as well?
I still see the quick 1 second loader below it. It’s like a grey circle box that loads up really fast.
Hey!
Hey we do not see any grey circle please refresh the cache by holding down the shift key and refresh the page a few times.
Cheers!
Vinay Kashyap
See the image attached. If you on the site and browse among the tabs you will see.
I have cleared all cached server and Cloudflare.
Hi!
That’s strange I checked in multiple browsers but it did not show up for me however go ahead and add the below code in Enfold > General Styling > Quick CSS once you do this clear cache and refresh the page
#top .av-siteloader {
display: none!important;
}
Cheers!
Vinay Kashyap
It works! :) Thank you.
Hi!
Glad we could help :)
Best regards,
Vinay Kashyap