Skip to main content

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

Full Screen Color Block Desktop Preview

Mobile

Full Screen Color Block Desktop Preview

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.