.svg){kind=icon}
.svg)
Webflow University
Learn More
Customizing the Preloader
To update the preloader in the Caslon template:
Go to the Webflow Designer and open the Page Wrapper or the Preloader Symbol/Section.
- Go to the Webflow Designer and open the Page Wrapper or the Preloader Symbol/Section.
- Locate the element with the class name preloader-logo or preloader-text.
- Replace the existing logo image or text with your own brand asset.
- Replace the existing logo image or text with your own brand asset.
- To replace the logo: Click the image element → choose “Replace Image” → upload your own.
- To replace the text: Double-click the text block and type your brand name. - Make sure any custom animation applied (like fade-in, scale, or loop) still fits your new logo’s proportions.Replace the existing logo image or text with your own brand asset.
- Publish the site to view the updated preloader.
