Visual Builder Details
Hover State Styling
Using hover options, you can create stunning hover effects and transform modules into fun and interactive elements. Our hover option interface is unique and easy to use. Every design setting that supports transitions can now be customized on hover.
Making responsive websites is easy. The visual builder is responsive by default, but takes responsive design a step further by giving you complete control over every design setting on each mobile device. This allows you to perfectly tailor the appearance of each element on computers, tablets and smart phones.
Fonts & Text Styling
Enjoy a full range of text and font options. Pick from hundreds of web fonts or upload your own. Customize text sizes, letter spacing and line height. Change font weights and text styling. Control all standard text elements, such as anchor links, lists and block quotes.
Add custom shapes and effects to your pages, creating dynamic transitions between blocks of content and adding that extra bit of personal flare to your website. Shape Dividers can be placed above and below each section on your website, allowing you to easily build stunning transition effects between different sections of your page.
Add borders to any element using the Visual Builder’s robust border editor. Create rounded corners. Control border sizes, colors and styles and create unique effects by adjusting each edge of your element individually.
Transform Controls & Effects
The Visual Builder gives you the power to transform elements right on the page in ways that would typically only be possible in graphic design programs like Photoshop and Sketch. You can move elements around, scale them up and down, rotate on three different axis, as well as skew and adjust the transform origin with ease. All of this is done using a super slick interface that makes each transformation easy to perform.
Advanced Code Editing
Enjoy a fully-featured code editor that makes writing and editing code so much easier and enjoyable. Features include syntax highlighting, error reporting, auto-complete, color picking, multi-line select, search, find and replace and more. Add custom CSS to any element or add your own code to any page using the Visual Builder code module.
Filters & Effects
Easily adjust and enhance the appearance of any element using a range of filters and effects, including Hue, Saturation, Brightness, Contrast, Invert, Blur, Opacity and Sepia. Create stunning designs using background blend modes.
Add depth to your page by creating custom drop shadows. You have full control over the size, position, color and intensity of the shadow. Adding the drop shadow in our builder allows for quick design changes and faster loading times than creating a drop shadow directly in the image with a graphic design program.
Create stunning text effects using text shadows. Easily apply text shadows to any element using the Visual Builder’s simple presets, or create your own custom text shadows using the full set of controls.
Easily add animations to any element. Apply simple animations using the Visual Builder’s animation presets, or build your own animations by customizing the animation type, speed and direction. Wow your visitors as they scroll down the page with stunning animations that trigger when elements come into view.
Background Images, Colors, Gradients, & Videos
Apply custom background colors, background gradients, background images and background videos to any element. Create fun overlapping gradient and image effects or use background blend modes to merge colors and images, to create unique designs.