Hello, is there any way to modify the white rectangular preloader that loads at the beginning by enlarging, with a custom element? I would like to insert my logo. Thanks.
Ok, 've understand where is the loadbar, but what i have to do? Customize the class loadbar from the css? Insert an an href of a png in the div? Thanks for the response
Yes, but I don't know if I should insert a div with a png image, or insert an svg element written directly into the animated div, I'll do some tests, thanks for the answer
I tried to insert an image in the div, but the image only controls the background of the frame that enlarges with the loading, would it be possible in your opinion to change the shape of the frame?
Yes, i've tried to do both, do you know what i have to do precisely? If you do please tell me, so i can use my time to improve other parts of the website
Hello, is there any way to modify the white rectangular preloader that loads at the beginning by enlarging, with a custom element? I would like to insert my logo. Thanks.
Hello Dario,
if you open /sections/preloader_section.php where the preloader is implemented
you will see an element <div class="loadbar"></div> that you can replace
https://prnt.sc/9lwpPLD9bvn8
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Ok, 've understand where is the loadbar, but what i have to do? Customize the class loadbar from the css? Insert an an href of a png in the div? Thanks for the response
I think you need to replace that with your logo or another custom element. At least this is what you are trying to achieve, is it correct?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Yes, but I don't know if I should insert a div with a png image, or insert an svg element written directly into the animated div, I'll do some tests, thanks for the answer
I tried to insert an image in the div, but the image only controls the background of the frame that enlarges with the loading, would it be possible in your opinion to change the shape of the frame?
So you added the image inside <div class="loadbar"> ?
You have not removed this div entirely?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Yes, i've tried to do both, do you know what i have to do precisely? If you do please tell me, so i can use my time to improve other parts of the website
Well you mentioned you want to replace the loading bar with your logo therefor you need to replace
<div class="loadbar">
with something like
<div class="logo-preloader">
<img src="url of your logo" />
</div>
it's good if you wrap the logo image in a div, thus you can apply css styles to ir (.logo-preloader img css selector)
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Perfect thankyou