This guide makes use of the Drag-drop and Contentbox editors. If you havent aready, you should check out the Drag-drop and Contentbox sections of the help-faq.
Drag-drop Editor Effects
Drag-drop editor effects can be found as a tab in the Style Editor - Available by clicking the RED COG ICON that appears top left above the editor when you click into a snippet to edit the content.
Intro Animation, Hover and Box Shadow Effects can be applied to rows, columns, images or other elements directly effecting the element.
Text Shadows can be applied to rows, columns, images or other elements, affecting the text elements found within the selected element.
Column Formatting Effects can only be applied to a row element, and effect the immediate children of each column.
How to add an Effect
Navigate to the Effects Tab in the Style Editor and select an effect from the relevant Section / dropdown.
How to remove an Effect
Navigate to the Effects Tab in the Style Editor and set the effect from the relevant Section / dropdown to a blank value.
Selecting an element to add an Effect
By default the Style Editor will show settings / target the ROW element, but you can choose another element by clicking the required element name at the top of the Style Editor popup window.
Contentbox Section Animations
Contentbox Sections can also be animated - with options available for the background images (Ken Burns, Parallax, Fixed), and the entire sections themselves.
The animation settings for the Contentbox Sections can be found by clicking the BLUE COG ICON, found at the top-left or bottom right of the active section you are editing.
Section Effects animate as the element scrolls into view, they can be set to only show once, or each time a visitor scrolls down the page.