Choose the section you want to edit. In the settings panel on the right, switch the background media type to Video and pick your desired video from the media library. Then, click the Preview icon to view the page in your browser.
“Fit,” “Fill,” and “Cover” are settings that let you control how a video background appears within a section, row, or column. These choices define how the video is resized or cropped to match the available space. Here’s what each option means:
Fit:
When you choose the “Fit” option for your video background, the video is scaled to fit within the designated area while maintaining its aspect ratio. This means that the entire video will be visible, but there may be empty space (letterboxing) around the video if the aspect ratio of the video doesn’t match the aspect ratio of the container. This option is ideal when you want the entire video to be visible, and you don’t want any part of it to be cropped.
Fill:
“Fill” is an option where the video is scaled to fill the entire designated area, even if it means cropping or stretching the video to do so. This means that the video will cover the entire background area, but it may not maintain its original aspect ratio. Some parts of the video may be cropped out to ensure it covers the entire background space. This option is useful when you want to ensure that the background is completely covered, even if it results in some parts of the video being cut off.
Cover:
The “Cover” option is a balance between “Fit” and “Fill.” In this case, the video is scaled to cover the entire designated area while maintaining its aspect ratio. The video will completely cover the background space, but it will not be stretched or cropped. This ensures that the entire video is visible, and there is no distortion, but there may be some empty space around the video if the aspect ratio doesn’t perfectly match the container’s aspect ratio. “Cover” is a good choice when you want to maximize the use of the background space without distorting the video.
None:
When “None” is selected or applied, it means there is no background opacity or transparency. The background is fully opaque, completely blocking any content or elements behind it. This option is useful when you want the background to be solid and fully visible, without any elements behind it showing through.
Light Fade:
“Light Fade” introduces a subtle level of transparency to the background. It makes the background slightly see-through, allowing the content or elements behind it to show through, though the background remains largely visible. This effect is often used to create a delicate, soft, or understated background that complements the content without overpowering it.
Half Fade:
“Half Fade” implies that the background is partially transparent, with a 50% opacity level. This means that the content or elements behind the background are clearly visible but still somewhat obscured by the background. “Half Fade” can be used to strike a balance between a prominent background and the content, offering a moderate level of visual separation.
Heavy Fade:
“Heavy Fade” involves a significant level of transparency, with the background being almost see-through. The content or elements behind the background are prominently visible, and the background serves as a subtle backdrop rather than a dominant feature. This option is often chosen when you want to de-emphasize the background and prioritize the content or elements it overlays.
Enabling the video loop toggle causes the background video to play continuously, restarting automatically once it finishes, creating a smooth and immersive effect.
Disabling the toggle means the video will play only once and stop at the end, which works well for short intros or non-repetitive content.
What’s New? Add Box and Text Shadows User-Friendly Shadow Editor Enhanced Customization Parameters How to Use? Adding shadows to your web design toolkit helps you craft more dynamic and visually striking websites and funnels. Shadows bring depth and dimension to elements, helping them pop and enhancing the user experience. With customizable settings, you have the […]
Key Features / Benefits Improved UX : Improved user experience through a simplified and more intuitive interface, making editing smoother and easier to navigate. Custom Fonts for Highlighted Text: Choose custom fonts directly from the Block Editor to change text of the highlighted text blocks, allowing for more personalized and visually appealing designs. New Menu […]
Key Features and Benefits How to Use
1. Prebuilt Buttons: A wide variety of visually appealing, professionally designed buttons is now at your fingertips, allowing you to enhance your funnels or websites without the need to design from the ground up. 2. Prebuilt Images: Enhance your website with a curated library of high-quality, royalty-free images seamlessly integrated into the design bar. Utilize […]
Key features & benefits: How to use it ? Note: How does it look?
Accessing Media Storage To reach Media Storage, head to the left sidebar on your dashboard and click the “Media Storage” icon. This updated location offers direct access, eliminating the need to dig through settings or click additional buttons—streamlining your workflow for greater efficiency. Uploading Files Easily upload files by dragging and dropping them straight into […]
Key Features and Benefits How to Use Note: Button effects have been moved from the advanced tab to the new animations tab. This change is fully backward compatible, so all your previous settings will stay intact. We’ve also added loop animations to all existing elements, enabling continuous motion effects.
This new feature enables users to design polished, fully customizable galleries with ease—no technical expertise required. It streamlines the way visual content is displayed across websites and funnels, boosting both visual appeal and user interaction with enhancements like lightbox functionality and lazy loading. Key Features & Benefits Image Integration: Seamlessly include images in your gallery […]
By offering precise control over image dimensions, users can effectively optimize how their websites and funnels appear on both desktop and mobile devices, ensuring responsive designs that enhance user experience and boost SEO results. What Are Image Dimensions Settings? With image dimension settings, you can independently customize image sizes for mobile and desktop views. This […]