Post Meta Element

Last Update: September 2, 2025

The Avada Post Meta Element displays contextual details about a post, such as the author, date, categories, tags, or comment count, within an Avada Post Card layout by dynamically pulling this information from WordPress. With extensive customization options, you can choose which metadata to display and how it appears, making it a valuable tool for adding clarity and professionalism to your Avada website content.

Watch the video below for a visual overview of Avada Layout Elements, and view the Avada Post meta Element page. Read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.
View Element Page!
View Live Example!
View Avada Builder Elements!

How To Use The Post Meta Element

The Avada Post Meta Element is a specific single post/product Layout Element, designed to add customized meta information anywhere within a Single Post, Page, Portfolio, or WooCommerce product Layout. Of course, you can also use the full range of Avada Design Elements when building your Layout, and combine them with the Layout Section Elements.

When you go to add an Element in a Content Layout Section, the Element dialog opens in a new tab called “Layout Elements”. This is where you will find the Post Meta Element. The Post Meta Element can be placed anywhere in your Layout Section and displays meta content based on the options selected in the Element, on pages/posts that meet the conditions set in the Layout. There are three tabs of options in the Element, controlling functionality and design. Refer to the options panels below for specific details.

You select which metadata to enable or disable, add your preferred Separator, and then choose your design options to customize how the metadata displays on the page/post. You can also control Height, Font Size, and Text Colors. See below for an example of the Avada Post Meta Element in action on the Avada Author pre-built website.

Avada Post Meta Element

Element Options

Note: Please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

HeadingDescription
Meta ElementsChoose the order of meta elements.
LayoutChoose if meta items should be stacked and full width, or if they should be floated.
Display Element LabelsControls whether the labels of chosen elements should be displayed.
SeparatorControls the type of separator between each meta item.
Event Venue LinkSelect which link should be used on the event venue.
Event Organizer LinkSelect which link should be used on the event organizer.
Event VenueAverage words read per minute. The default value is 200.
Reading Time Decimal PrecisionWhether to use(Ex: 2.3 min) or not(Ex: 2 min) decimal precision in reading time.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Design

HeadingDescription
AlignmentSelect the meta alignment.
Vertical AlignmentDefines how the meta content should align vertically.
Horizontal AlignmentDefines how the meta content should align horizontally. Overrides what is set on the container.
HeightControls the Meta section height. In pixels.
Text Font SizeControls the font size for the meta text. Enter value including CSS unit (px, em, rem), ex: 10px
Text ColorControls the text color of the meta section text.
Link ColorControls the link color of the meta section text.
Background ColorControls the background color of element wrapper.
Border SizeControls the border size of the element wrapper. In pixels or percentage, ex: 10px or 10%.
Border ColorControls the border color of the element wrapper.
PaddingIn pixels or percentage, ex: 10px or 10%.
MarginIn pixels or percentage, ex: 10px or 10%.
Meta Item Background ColorControls the background color of the meta item.
Meta Item Border SizeControls the border size of the meta item. In pixels or percentage, ex: 10px or 10%.
Meta Item Border ColorControls the border color of the meta item.
Meta Item Border RadiusEnter values including any valid CSS unit, ex: 10px.
Meta Item PaddingIn pixels or percentage, ex: 10px or 10%.
Meta Item MarginIn pixels or percentage, ex: 10px or 10%.

Extras

HeadingDescription
Animation TypeSelect the type of animation to use on the element.
Direction of AnimationSelect the incoming direction for the animation.
Animation ColorSelect the color of the animation
Speed of AnimationType in speed of animation in seconds (0.1 - 5).
Animation DelaySelect the delay time after the animation starts(0 - 5).
Offset of AnimationControls when the animation should start.

In this article