Modifiers
Modifiers allow editors to change the presentation of content by altering the background, colours and other aspects of the content. No custom theming is required for these effects as they are all editor configurable.
Standard page
Adaptive height modifier
Apply an aspect ratio to a component, which will not get too tall in very wide screens. Content determines the aspect ratio in smaller width screens.
Standard page
Clip Path modifier
The Clip Path modifier allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset).
Standard page
Custom linear gradient modifier
Adds a background gradient to the component. Colours and gradient direction are configurable.
Standard page
Custom radial gradient modifier
Adds a radial background gradient to the component. Colours and gradient direction are configurable.
Standard page
DataTables modifier
Enhances HTML tables so that they can be searched, sorted and paged, making them much more dynamic and useful.
Standard page
Padding modifier
Adds padding around a component. Padding can be added individually to the top, right, bottom and left.
Standard page
Parallax background modifier
Adds a background image to the component which will have a parallax animation as the user scrolls.
Standard page
Relative height modifier
Apply an aspect ratio to a component. Content determines the aspect ratio in smaller width screens.
Standard page
Scroll Reveal modifier
Eases content in slowly when the user has scrolled to the spot in the page. This works well with Node Lists and Item Lists.