Cheatsheet: All Avada Theme Elements

Avada Theme Cheatsheet

As I was searching for a WordPress theme to fit all the need I had in mind. I was coming across Avada, one of the most popular themes that are out there. Eventually, I’ve decided to buy it because of the following criteria:

  • Reliable: Theme Fusion, the company behind Avada, are releasing updates on a regular basis
  • Community: Apparently used by over 475,000 users
  • Customizable: There are a lot of different kinds of elements, 43 to be exact

Especially to have the ability of customization was the dealmaker in my case. However, when I started using it I just had to figure out how the elements were named (some are more obvious than others). Avada provides a demo page where you can have a look at examples, though it’s not great to get an overview. This led Therefore I’ve screenshotted every element for which helped my enormously to get started. If you’re also facing this problem, just have a look at the cheat sheet I’ve created afterwards. Oh and it’s free!

Download Cheatsheet (PDF)

DIN A4 Cheatsheet

The Avada Theme Cheatsheet on four DIN A4 pages as PDF Download

Avada Theme Cheatsheet DIN A4
Download

Full View Cheatsheet

All Avada Theme Elements on a full view cheatsheet as PDF Download

Avada Theme Cheatsheet Full View Download
Download

Cheatsheet Online Version

You can also bookmark this page and quickly search the elements by
STRG + F (Windows), CMD + F (Mac).

Happy Blogging!

Basic Elements

Container

Avada Theme Container Element

Function:
Control if the content area stays within the set site width or expands to the full width

Column

Avada Theme Column Element

Function:
Create a grid to position the elements horizontally
Customization:
Center content, background color, background image, animation, link, border

Text-Block

avada theme text paragraph element

Function:
Simple text block
Customization:
Columns, divider between text blocks

Image

avada theme image element

Function:
Embed images
Customization:
Lightbox popup, border, shadow, animation

Button

avada theme clickable button element

Function:
Insert different styled buttons
Customization:
Size, shape, flat/3D, color, border, divider, animations

Font Awesome Icons

avada theme icon element

Function:
Include icons from the popular font awesome set
Customization:
1300+ icons, icon color, background, border, size, animation

Structure Elements

Seperator

avada theme various seperators elements

Function:
A line to visually separate elements
Customization:
Style, color, border size, icon circle, width

Checklist

avada theme checklist element with icons

Function:
Styled list
Customization:
Icon, icon size, boxed

Tabs

avada theme tab box element

Function:
Show related content in different tabs
Customization:
Style, layout, background color, border

Toggle

avada theme toggle element

Function:
Hidden content that is being revealed after a click on the title
Customization:
Type toggles/accordions, boxed, border, background color, hover color, divider line, icon, open by default

Dropcap

avada theme dropcap element

Function:
Dropped capital at the beginning of the text
Customization:
Color, boxed, radius

Popup, Alert, Tooltip Elements

Popover

avada theme popover tooltip element

Function:
Tooltip that shows when hovering/clicking on a link, button, image
Customization:
Title, background color, trigger click/hover, position left/right/top/bottom

Alert Messages

avada theme alert message element

Function:
Add an important message to grab the user’s attention
Customization:
Animation, border, background color, icon, shadow

Lightbox

avada theme lightbox popup element

Function:
Expand an image/video and set the background to white and slightly transparent
Customization:
Thumbnail, full width image/video, lightbox description

Modal Popup

avada theme modal popup element

Function:
Popup triggered by a button, link or image
Customization:
Title, size, background color, border, popup footer

Table & Chart Elements

Pricing Table

avada theme pricing table element

Function:
Table for different packages with the possibility to highlight one
Customization:
Style, background color, border, highlight, currency, price

Table

avada theme table element

Function:
Include a simple table
Customization:
Style, animation

Chart

avada theme chart and diagram elements

Function:
Showing data through different types of charts
Customization:
Title, legend, tooltips, color, bar chart, doughnut chart, line chart, polar area chart, horizontal chart, radar chart, pie chart

Animated Number Elements

Counter Circle

avada theme counter circle element

Function:
Present numbers through an animated circle
Customization:
Color, size, scale on/off, icon, animation

Counter Box

avada theme counter box element

Function:
Box with an animated figure that increments
Customization:
Columns, color, title, icon, border, animation, unit

Progress Bar

avada theme progress bar element

Function:
Progress bar that loads until the predefined position
Customization:
Height, text position on/above/below, percentage, stripes, animation, border

Carousel & Image Elements

Gallery

avada theme gallery element

Function:
Various layouts to showcase images
Customization:
Layout, picture size, columns, border, lightbox popup, links

Fusion Slider

avada theme fusion slider element

Function:
Simple image/video slider, Revolution Slider and Lay Slider are Plugins that come with Avada and provide more animation possibilities
Customization:
Image, video, title, subline, button

Post Slider

avada theme post slider element

Function:
Slider to showcase blog post or images
Customization:
Layout, excerpt size, limit of slides, lightbox popup

Image Carousel

avada theme image carousel element

Function:
Showcase a selection of images in a simple carousel
Customization:
Image size, hover effect, autoplay, columns, border, lightbox popup

Blog Elements

Blog

avada theme blog element

Function:
Main overview of the published blogposts in different layouts
Customization:
Number of posts, title, excerpt, blog grid, layout

Recent Post

avada theme recent post element

Function:
Intended for a small overview of a couple of recent blog posts
Customization:
Layout, hover effect, columns, number of displayed posts, thumbnail, excerpt, animation

Portfolio

avada theme portfolio element

Function:
Showcase blog post with focus on imagery
Customization:
Layout, picture size, filter, columns, animation, excerpt

FAQ

avada theme faq element

Function:
Post type and therefore dynamic, FAQs organized in toggles
Customization:
Filter, boxed, divider line, icon size, icon color, select categories to be listed

Preset Content Elements

Content Box

avada theme content box element

Function:
Display content in a small box with icon, title, description, and CTA
Customization:
Layout, columns, icon, title, background color, hover effect, animation, image

Tagline Box

avada theme tagline box element

Function:
Simple box with title, description, and button
Customization:
Background color, shadow, border, alignment, button, animation

Flip Box

avada theme flip box element

Function:
Animated box which shows more information on the backside
Customization:
Columns, icon, image, background, border, animation

Testimonial

avada theme testimonial box element

Function:
Slider with a testimonial (picture, description, name of the author)
Customization:
Style, background color, avatar male/female, random testimonial order

Person

avada theme team person description element

Function:
Box with picture, name, subline, biography, social media links
Customization:
Border, shadow, hover animation, background color, alignment, social icon boxed/radius/color/tooltip

Embed Elements

Code Block

avada theme code block element

Function:
Embed HTML/CSS which won’t be touched by WordPress

Syntax Highlighter

avada theme code syntax highlighter element

Function:
Display CSS/HTML with the possibility to copy
Customization:
Style, language CSS/HTML line number, copy to clipboard, border, background color

Google Maps

avada theme google maps element

Function:
Include google maps to show a specific address
Customization:
Address, type (e.g. satellite), size, address pin animation

YouTube, Vimeo, Soundcloud

avada theme youtube vimeo soundcloud video element

Function:
Embed YouTube, Vimeo or Soundcloud player
Customization:
Soundcloud: comments, autoplay, color, width & height; YouTube, Vimeo: width & height

Social Media Elements

Sharing Box

avada theme social media sharing buttons element

Function:
Box with links to social media
Customization:
Tagline, description to share, icon boxed, color, tooltip

Social Links

avada theme social links sharing element

Function:
Single links to various social media platforms
Customization:
Boxed, radius, color, tooltip