Color Block
The Color Block element is a great way to add a pop of color and geometry to your content. It's especially useful when you want to create short-form content quickly.
Desktop
Mobile
Add a Color Block​
Configure your color block with the following settings and options.
Customize with Settings​
Headline: Add your title to the block.
Alignment Choose from left, centered, right, or justified.
Animation: Add an animation to your image, such as blink, flip, pulse, or shake.
Summary​
Summary: Use the editor to add a summary to your block.
Alignment: - Choose bordered, circular, or rounded to align your summary.
Animation: Add an animation to your image, such as blink, flip, pulse, or shake.
Special Effects​
Background Color: Choose the background color for your block.
Geometry: Allows for the change of the shape of the block. Choose from bevel, circle, hexagon, left arrow, right arrow, parallelogram, pentagon, rabbet, rectangle, triangle up, and triangle down.
Filter: Add a filter to your background image. Choose from a range of image filters, such as blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, and sepia.
Display on Mobile: hoose whether or not to display this element on mobile devices.
CSS Snippet: Add a custom CSS Snippet to your element.