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.

Awesome Heading

Etiam vel semper libero, at eleifend nunc. Pellentesque volutpat, elit vel ultricies cursus, mauris elit accumsan felis.
Subscribe

Awesome Heading

Nullam ultricies varius arcu, efficitur elementum dolor rutrum et. Nullam elementum venenatis quam vel rhoncus.
Subscribe

Awesome Heading

Curabitur felis erat, imperdiet eget porta sit amet, imperdiet vel dui. Nullam pulvinar sed ligula ac imperdiet.
Register Today

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.

Awesome Heading

Etiam vel semper libero, at eleifend nunc. Pellentesque volutpat, elit vel ultricies cursus mauris elit.
Explore more

Awesome Heading

Nullam ultricies varius arcu, efficitur elementum dolor rutrum et. Nullam elementum venenatis quam vel.
Explore more

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.

Avada

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.

Heading

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Discover

Heading

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Discover

Heading

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Discover

Heading

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Discover

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.

Joe Bloggs

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Contact Me

Jane Doe

Aliquam non molestie nisl, a cursus nisl. Etiam et quam.
Contact Me

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.

Launch Your First Website

Donec nec dignissim risus. Aliquam quis tristique eros. Nullam gravida magna vehicula felis pulvinar vulputate ac nec erat. Donec ornare fermentum massa sed dapibus. Proin orci erat, laoreet ut pulvinar vel, finibus at mi.

Generate Leads And Conversions

Donec nec dignissim risus. Aliquam quis tristique eros. Nullam gravida magna vehicula felis pulvinar vulputate ac nec erat. Donec ornare fermentum massa sed dapibus. Proin orci erat, laoreet ut pulvinar vel, finibus at mi.

Take Your Projects To The Next Level

Donec nec dignissim risus. Aliquam quis tristique eros. Nullam gravida magna vehicula felis pulvinar vulputate ac nec erat. Donec ornare fermentum massa sed dapibus. Proin orci erat, laoreet ut pulvinar vel, finibus at mi.

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