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](https://david-mohr.com/wp-content/uploads/Cheat-Sheet-Download-Preview-A4.jpg)
Full View Cheatsheet
All Avada Theme Elements on a full view cheatsheet as PDF Download
![Avada Theme Cheatsheet Full View Download](https://david-mohr.com/wp-content/uploads/Cheat-Sheet-Download-Preview-Full-View.jpg)
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](http://165.227.170.29/wp-content/uploads/01-container.jpg)
Function:
Control if the content area stays within the set site width or expands to the full width
Column
![Avada Theme Column Element](http://165.227.170.29/wp-content/uploads/02-column.jpg)
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](http://165.227.170.29/wp-content/uploads/03-text-block.jpg)
Function:
Simple text block
Customization:
Columns, divider between text blocks
Image
![avada theme image element](http://165.227.170.29/wp-content/uploads/04-image.jpg)
Function:
Embed images
Customization:
Lightbox popup, border, shadow, animation
Button
![avada theme clickable button element](http://165.227.170.29/wp-content/uploads/05-button.jpg)
Function:
Insert different styled buttons
Customization:
Size, shape, flat/3D, color, border, divider, animations
Font Awesome Icons
![avada theme icon element](http://165.227.170.29/wp-content/uploads/06-font-awesome-icons.jpg)
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](http://165.227.170.29/wp-content/uploads/07-seperator.jpg)
Function:
A line to visually separate elements
Customization:
Style, color, border size, icon circle, width
Checklist
![avada theme checklist element with icons](http://165.227.170.29/wp-content/uploads/08-checklist.jpg)
Function:
Styled list
Customization:
Icon, icon size, boxed
Tabs
![avada theme tab box element](http://165.227.170.29/wp-content/uploads/09-tabs.jpg)
Function:
Show related content in different tabs
Customization:
Style, layout, background color, border
Toggle
![avada theme toggle element](http://165.227.170.29/wp-content/uploads/10-toggle.jpg)
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](http://165.227.170.29/wp-content/uploads/11-dropcap.jpg)
Function:
Dropped capital at the beginning of the text
Customization:
Color, boxed, radius
Popup, Alert, Tooltip Elements
Popover
![avada theme popover tooltip element](http://165.227.170.29/wp-content/uploads/12-popover.jpg)
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](http://165.227.170.29/wp-content/uploads/13-alert-messages.jpg)
Function:
Add an important message to grab the user’s attention
Customization:
Animation, border, background color, icon, shadow
Lightbox
![avada theme lightbox popup element](http://165.227.170.29/wp-content/uploads/14-lightbox.jpg)
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](http://165.227.170.29/wp-content/uploads/14.5-modal-popup.jpg)
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](http://165.227.170.29/wp-content/uploads/15-pricing-table.jpg)
Function:
Table for different packages with the possibility to highlight one
Customization:
Style, background color, border, highlight, currency, price
Table
![avada theme table element](http://165.227.170.29/wp-content/uploads/16-table.jpg)
Function:
Include a simple table
Customization:
Style, animation
Chart
![avada theme chart and diagram elements](http://165.227.170.29/wp-content/uploads/17-chart.jpg)
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](http://165.227.170.29/wp-content/uploads/18-counter-circle.jpg)
Function:
Present numbers through an animated circle
Customization:
Color, size, scale on/off, icon, animation
Counter Box
![avada theme counter box element](http://165.227.170.29/wp-content/uploads/19-counter-box.jpg)
Function:
Box with an animated figure that increments
Customization:
Columns, color, title, icon, border, animation, unit
Progress Bar
![avada theme progress bar element](http://165.227.170.29/wp-content/uploads/20-progress-bar.jpg)
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](http://165.227.170.29/wp-content/uploads/23-gallery.jpg)
Function:
Various layouts to showcase images
Customization:
Layout, picture size, columns, border, lightbox popup, links
Fusion Slider
![avada theme fusion slider element](http://165.227.170.29/wp-content/uploads/24-fusion-slider.jpg)
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](http://165.227.170.29/wp-content/uploads/25-post-slider.jpg)
Function:
Slider to showcase blog post or images
Customization:
Layout, excerpt size, limit of slides, lightbox popup
Image Carousel
![avada theme image carousel element](http://165.227.170.29/wp-content/uploads/26-image-carousel.jpg)
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](http://165.227.170.29/wp-content/uploads/28-blog.jpg)
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](http://165.227.170.29/wp-content/uploads/29-recent-post.jpg)
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](http://165.227.170.29/wp-content/uploads/30-portfolio.jpg)
Function:
Showcase blog post with focus on imagery
Customization:
Layout, picture size, filter, columns, animation, excerpt
FAQ
![avada theme faq element](http://165.227.170.29/wp-content/uploads/31-faq.jpg)
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](http://165.227.170.29/wp-content/uploads/32-content-box.jpg)
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](http://165.227.170.29/wp-content/uploads/33-tagline-box.jpg)
Function:
Simple box with title, description, and button
Customization:
Background color, shadow, border, alignment, button, animation
Flip Box
![avada theme flip box element](http://165.227.170.29/wp-content/uploads/34-flip-box.jpg)
Function:
Animated box which shows more information on the backside
Customization:
Columns, icon, image, background, border, animation
Testimonial
![avada theme testimonial box element](http://165.227.170.29/wp-content/uploads/35-testimonial.jpg)
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](http://165.227.170.29/wp-content/uploads/36-person.jpg)
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](http://165.227.170.29/wp-content/uploads/37-code-block.jpg)
Function:
Embed HTML/CSS which won’t be touched by WordPress
Syntax Highlighter
![avada theme code syntax highlighter element](http://165.227.170.29/wp-content/uploads/38-syntax-highlighter.jpg)
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](http://165.227.170.29/wp-content/uploads/39-google-maps.jpg)
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](http://165.227.170.29/wp-content/uploads/40-youtube-vimeo-soundcloud.jpg)
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](http://165.227.170.29/wp-content/uploads/41-sharing-box.jpg)
Function:
Box with links to social media
Customization:
Tagline, description to share, icon boxed, color, tooltip
Social Links
![avada theme social links sharing element](http://165.227.170.29/wp-content/uploads/42-social-links.jpg)
Function:
Single links to various social media platforms
Customization:
Boxed, radius, color, tooltip