Avada Content Boxes Element Examples

The Avada Content Boxes Element is a highly flexible design component that lets you present grouped content (icon or image + title + description) in a variety of layouts, anywhere on the page, styled to your brand; with up to six columns, pre-designed layouts, hover effects, and full control over fonts, colors, spacing, and animation, it’s ideal for showcasing features, services, benefits or anything you want to highlight in a visually compelling way.

This Avada Content Boxes Element is set up as follows: Three Content Box child items, Box Layout (Clean Layout Horizontal), Number of Columns (3), Link Type (Text), Link Area (Link+Icon), Content Alignment (Left), Animation Type (None), Title Size (24px), HTML Heading Tag (H3), Icon Color, Icon Background (Yes), Icon Background Radius (0px), Icon Background Color, Icon Size (24px), Icon Hover Animation Type (Slide), and Hover Accent Color.

This Avada Content Boxes Element is set up as follows: Two Content Box child items, Box Layout (Clean Layout Horizontal), Number of Columns (2), Link Type (Button), Button Span (Yes), Link Area (Link+Icon), Content Alignment (Right), Animation Type (Flip Vertically), Title Size (24px), HTML Heading Tag (H3), Icon Color, Icon Background (Yes), Icon Background Radius (10px), Icon Background Color, Icon Size (20px), Icon Hover Animation Type (Slide), and Hover Accent Color.

This Avada Content Boxes Element is set up as follows: Four Content Box child items, Box Layout (Classic Icon On Top), Number of Columns (4), Link Type (Button Bar), Link Area (Entire Content Box), Animation Type (Fade), Title Size (26px), HTML Heading Tag (H4), Border Radius (20px Top Left/Right), Icon Color, Icon Background (Yes), Icon Background Radius (20px), Icon Background Color, Icon Size (30px), Icon Hover Animation Type (Fade), and Hover Accent Color.

This Avada Content Boxes Element is set up as follows: Two Content Box child items, Content Box Background Color, Box Layout (Classic Icon On Top), Number of Columns (2), Link Type (Button), Button Span (No), Link Area (Link+Icon), Animation Type (Fade), Title Size (32px), HTML Heading Tag (H2), Border Radius (15px Top Left/Right), Box Shadow (Yes), Box Shadow Blur Radius (0px), Box Shadow Color, Icon Image (Custom), and Hover Accent Color.

This Avada Content Boxes Element is set up as follows: Three Content Box child items, Box Layout (Timeline Vertical), Link Area (Entire Content Box), Content Alignment (Left), Title Size (28px), HTML Heading Tag (H4), Border Radius (20px Top/Left – 40px Bottom/Right), Icon Color, Icon Background (Yes), Icon Background Radius (100%), Icon Background Color, Icon Size (30px), and Hover Accent Color.

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Container Element Featured ImageContainer
Avada Countdown Element Featured ImageCountdown