Avada Content Boxes Element Showcase

The Avada Content Boxes Element lets you create flexible, visually engaging content sections made up of individual boxes, each containing an icon or image, a heading, and a description. These boxes can be arranged in various layouts, including grids or columns, and are fully customizable in terms of colors, spacing, typography, hover effects, and alignment. They are ideal for showcasing services, features, or benefits.

Below, you will find live examples of the Content Boxes Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

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.

Avada Container Element Featured ImageContainer
Avada Countdown Element Featured ImageCountdown