Features Library
Explore 262+ advanced tools designed to simplify, enhance, and customize every aspect of your WordPress site — all in one powerful library.
No posts found
Interface Tab > Preloader
Enable Preloader
How it works:
Adds a preloader or loading animation that displays before the page loads completely, creating a buffer between navigation and content display to improve perceived performance and user experience.Benefits:
Improves perceived loading times, provides professional user experience, masks slow loading content, and gives users visual feedback that the page is loading.
Adds a preloader or loading animation that displays before the page loads completely, creating a buffer between navigation and content display to improve perceived performance and user experience.Benefits:
Improves perceived loading times, provides professional user experience, masks slow loading content, and gives users visual feedback that the page is loading.
Interface Tab > Preloader
Disable Preloader inside Bricks Builder
How it works:
Automatically detects when users are working within the Bricks Builder interface and disables the preloader to prevent interference with the editing experience.Benefits:
Improves builder workflow efficiency, prevents editing interruptions, and ensures smooth development experience while maintaining preloader functionality for site visitors.
Automatically detects when users are working within the Bricks Builder interface and disables the preloader to prevent interference with the editing experience.Benefits:
Improves builder workflow efficiency, prevents editing interruptions, and ensures smooth development experience while maintaining preloader functionality for site visitors.
Interface Tab > Preloader
Show preloader on
How it works:
Configures where the preloader appears with options for all pages, homepage only, pages only, posts only, or custom pages, allowing granular control over preloader display.Benefits:
Provides targeted user experience optimization, reduces unnecessary loading screens, and allows strategic preloader placement where it's most beneficial for user experience.
Configures where the preloader appears with options for all pages, homepage only, pages only, posts only, or custom pages, allowing granular control over preloader display.Benefits:
Provides targeted user experience optimization, reduces unnecessary loading screens, and allows strategic preloader placement where it's most beneficial for user experience.
Interface Tab > Preloader
Preloader Media URL
How it works:
Allows upload or specification of custom GIF, icon, or image files for the preloader, enabling branded loading experiences that match site design and identity.Benefits:
Creates consistent brand experience, provides visual interest during loading, and allows customization that aligns with site aesthetics and brand guidelines.
Allows upload or specification of custom GIF, icon, or image files for the preloader, enabling branded loading experiences that match site design and identity.Benefits:
Creates consistent brand experience, provides visual interest during loading, and allows customization that aligns with site aesthetics and brand guidelines.
Interface Tab > Preloader
Media alt text for SEO
How it works:
Adds proper alt text attributes to preloader media elements for screen readers and SEO compliance, ensuring accessibility standards are maintained.Benefits:
Improves accessibility for visually impaired users, maintains SEO best practices, and ensures compliance with web accessibility guidelines while providing loading feedback.
Adds proper alt text attributes to preloader media elements for screen readers and SEO compliance, ensuring accessibility standards are maintained.Benefits:
Improves accessibility for visually impaired users, maintains SEO best practices, and ensures compliance with web accessibility guidelines while providing loading feedback.
Interface Tab > Preloader
Text under media
How it works:
Adds optional text below the preloader media to provide loading messages, brand messaging, or user instructions during the loading process.Benefits:
Provides additional user communication during loading, reinforces brand messaging, and gives users context or expectations about the loading process.
Adds optional text below the preloader media to provide loading messages, brand messaging, or user instructions during the loading process.Benefits:
Provides additional user communication during loading, reinforces brand messaging, and gives users context or expectations about the loading process.
Interface Tab > Preloader
Background Color
How it works:
Customizes the preloader background color to match site branding, ensure proper contrast, or create specific visual effects during the loading experience.Benefits:
Maintains brand consistency, ensures proper visual contrast for accessibility, and provides seamless visual transition between loading state and loaded content.
Customizes the preloader background color to match site branding, ensure proper contrast, or create specific visual effects during the loading experience.Benefits:
Maintains brand consistency, ensures proper visual contrast for accessibility, and provides seamless visual transition between loading state and loaded content.
Interface Tab > Preloader
Media Width/Height
How it works:
Sets specific dimensions for preloader media elements to ensure consistent display across different devices and screen sizes while maintaining aspect ratios.Benefits:
Provides consistent visual experience across devices, prevents layout shifts, and ensures preloader media displays properly regardless of original file dimensions.
Sets specific dimensions for preloader media elements to ensure consistent display across different devices and screen sizes while maintaining aspect ratios.Benefits:
Provides consistent visual experience across devices, prevents layout shifts, and ensures preloader media displays properly regardless of original file dimensions.
Interface Tab > Preloader
Media Margin
How it works:
Configures spacing around preloader media elements to control positioning, create visual breathing room, and ensure proper alignment within the preloader container.Benefits:
Improves visual hierarchy, creates balanced composition, and ensures preloader elements are properly positioned for optimal user experience and visual appeal.
Configures spacing around preloader media elements to control positioning, create visual breathing room, and ensure proper alignment within the preloader container.Benefits:
Improves visual hierarchy, creates balanced composition, and ensures preloader elements are properly positioned for optimal user experience and visual appeal.
Interface Tab > Preloader
Text Color
How it works:
Customizes the color of preloader text elements to ensure readability, match brand colors, and provide proper contrast against the background color.Benefits:
Ensures text readability and accessibility, maintains brand consistency, and provides proper visual contrast for users with different visual capabilities.
Customizes the color of preloader text elements to ensure readability, match brand colors, and provide proper contrast against the background color.Benefits:
Ensures text readability and accessibility, maintains brand consistency, and provides proper visual contrast for users with different visual capabilities.
Interface Tab > Preloader
Text Font Size
How it works:
Sets the font size for preloader text to ensure readability across devices, maintain visual hierarchy, and provide appropriate emphasis for loading messages.Benefits:
Ensures text legibility on all screen sizes, maintains design consistency, and provides appropriate visual weight for loading communication.
Sets the font size for preloader text to ensure readability across devices, maintain visual hierarchy, and provide appropriate emphasis for loading messages.Benefits:
Ensures text legibility on all screen sizes, maintains design consistency, and provides appropriate visual weight for loading communication.
Interface Tab > Preloader
Enable Mobile-Specific Customization
How it works:
Provides separate preloader settings for mobile devices, allowing different configurations for mobile and desktop experiences to optimize for each platform.Benefits:
Optimizes mobile user experience, accommodates different screen sizes and performance capabilities, and provides platform-specific optimization for better loading experiences.
Provides separate preloader settings for mobile devices, allowing different configurations for mobile and desktop experiences to optimize for each platform.Benefits:
Optimizes mobile user experience, accommodates different screen sizes and performance capabilities, and provides platform-specific optimization for better loading experiences.
Interface Tab > Preloader
Minimum preload time
How it works:
Ensures the preloader is visible for a minimum duration even if the page loads quickly, preventing jarring transitions and maintaining consistent user experience.Benefits:
Prevents flickering effects, provides consistent user experience regardless of loading speed, and ensures users can process the loading feedback appropriately.
Ensures the preloader is visible for a minimum duration even if the page loads quickly, preventing jarring transitions and maintaining consistent user experience.Benefits:
Prevents flickering effects, provides consistent user experience regardless of loading speed, and ensures users can process the loading feedback appropriately.
Interface Tab > Preloader
Delay time
How it works:
Adds additional time after page load before hiding the preloader, allowing for smooth transitions and ensuring all content is fully rendered before revealing.Benefits:
Ensures complete content loading, provides smooth visual transitions, and prevents premature preloader hiding that could reveal incomplete content.
Adds additional time after page load before hiding the preloader, allowing for smooth transitions and ensuring all content is fully rendered before revealing.Benefits:
Ensures complete content loading, provides smooth visual transitions, and prevents premature preloader hiding that could reveal incomplete content.
Interface Tab > Preloader
Maximum timeout
How it works:
Sets a failsafe maximum display time for the preloader to prevent it from showing indefinitely if page loading fails or encounters errors.Benefits:
Prevents infinite loading states, improves error handling, and ensures users can access content even if loading detection fails or encounters issues.
Sets a failsafe maximum display time for the preloader to prevent it from showing indefinitely if page loading fails or encounters errors.Benefits:
Prevents infinite loading states, improves error handling, and ensures users can access content even if loading detection fails or encounters issues.
Interface Tab > Preloader
Show preloader immediately when a link is clicked
How it works:
Displays the preloader instantly when users click navigation links, providing immediate feedback and improving perceived performance during page transitions.Benefits:
Provides instant user feedback, improves perceived navigation speed, and creates seamless transition experience between pages with consistent loading feedback.
Displays the preloader instantly when users click navigation links, providing immediate feedback and improving perceived performance during page transitions.Benefits:
Provides instant user feedback, improves perceived navigation speed, and creates seamless transition experience between pages with consistent loading feedback.