Styling is an integral part of web design. Making sure that we provide you with as much flexibility, and control to customize various aspects of your sites has always been our core focus. And for this framework update, we're placing that front and center, by adding 3 new styling features that'll make your site stand out from the rest! Introducing gradient background, parallax scrolling modules, and responsive styling added to the customize panel.

Gradient Editor

Add a beautiful gradient effect on any row, column, and module with the new gradient editor. The gradient is extremely easy to use which shows live preview on the frontend Builder. You can create linear and radial gradients with multiple color stops. The gradient editor is also available in the row overlay styling which allows you to add a semi-transparent gradient over the background.

Builder Gradient

Module Parallax Scrolling

We have parallax scrolling background for the longest time and it has been a frequently used tool. Now we are adding the parallax scrolling feature to modules and rows. You can create impressive parallax effects by setting different scrolling speed on the rows and modules. This feature comes with the ability for you to overlap one module over another. Creating an amazing floating effect as the viewer scrolls through the page. View this demo page to see it in action.

screenshot

Customize Panel - Responsive Styling

Inspired from our previous update, Builder Responsive styling, we've now added responsive styling to the Customize panel, making it the most comprehensive Customize panel in the market. Now you can style various theme elements on mobile, tablet, and desktop. Whether you need a simple adjustment (like changing font size and color) or a complete different look & feel for tablet and mobile viewers, it is all possible with Themify theme.

customization panel responsive styling image

Customize Panel - New Look

On top of the cool new features that we've added, we've also enhanced the interface and user experience of the customization panel by grouping elements with sub accordions. Now you can easily navigate and toggle through the option groups, without having to scroll through all options in a long massive panel.

customization panel new subcolumn and new look