Steps for setup preloader on divi websiteNote : Compatible with 4.0+
1. Download DPPreChild.zip Child Theme File.
2. Install and Activate “DPPreChild Theme” Theme.
3. Unzip child Theme File.
4. See all preloader on images folder
You can download preloader on below links.It's Free
https://icons8.com/preloaders/en/filtered-search/all/free/
5. You can Change image and jquery parameter as per highlights on below image
- You can change "Image URL".
- You can change "Delay" on Jquery
- You can change "fadeOut" Speed "fast" or "slow" on Jquery.
Plugin : DP Preloader
Add preloader to your website easily, responsive and made with CSS and minimal HTML markup.
Features
Enable/Disable Preloader
Display Only Home Page Option,
Hide On Mobile Preloader Option
35 Pre-define preloader and more coming soon
Custom Preloader upload option
Preloader color change option
Animation options
Use unlimited websites
thank you for your share very usefull but I want to suggest to use as action wp_head instead of et_after_main_content, in this way you will not see for an istant the header before the loader starts. Thank you!
Does this code still work with all the new updates with divi
Yes
I’m having a problem with the preloader, when using Divi Builder on front-end. When the front-end editor comes up the the preloader will not go away. Thanks
File has been updated.please download and check
Hi it doesn’t work when using a global theme builder header and footer. Any other suggestions?
Thanks