Avada Blog Element Examples
The Avada Blog Element dynamically showcases your blog posts in a variety of layouts—grid, masonry, timeline, carousel—so you can filter by categories, tags, or authors and choose what metadata (date, author, excerpt etc.) appears; it blends content curation with design flexibility to present your stories in the look and format that aligns with your brand.
The Avada Blog Element is set up as follows: Posts Per Page (3), Post Status (Published), Post Offset (8), Pull Posts By (Category), Categories, Exclude Categories, Order By (Date), Order (Descending), Show Thumbnail (Yes), Show Title (Yes), Content Display (Excerpt), Excerpt Length (8 Words), Strip HTML From Posts Content (Yes), Show Meta Info (Yes), Show Author Name (Yes), Show Categories (Yes), Show Comment Count (Yes), Show Date (Yes), Show Read More Link (Yes), Show Tags (No), Blog Layout (Grid), Number of Columns (3), Column Spacing (40px), Equal Heights (Yes), Title Size (H3), Link Title to Post (No), Content Alignment (Left), Pagination Type (Pagination), Grid Box Color, Grid Element Color, Grid Separator Style (No Style), Blog Grid Text Padding, and Margin.
The Avada Blog Element is set up as follows: Posts Per Page (2), Post Status (Published), Post Offset (0), Pull Posts By (Category), Categories, Exclude Categories, Order By (Date), Order (Descending), Show Thumbnail (Yes), Show Title (Yes), Content Display (Excerpt), Excerpt Length (30 Words), Strip HTML From Posts Content (Yes), Show Meta Info (Yes), Show Author Name (Yes), Show Categories (Yes), Show Comment Count (Yes), Show Date (Yes), Show Read More Link (Yes), Show Tags (No), Blog Layout (Medium), Title Size (H3), Font (Custom), Link Title to Post (No), Pagination Type (No Pagination), and Margin.
How to Use The Avada Text Path Element
The Avada Text Path Element is a creative Design Element that allows you to place...
Avada Roadmap: August (2025) Progress Update
Work on Avada 8 has continued steadily through the summer,...
January 2025
Creating a Fullscreen Header with Bottom Navigation in Avada
By michaelb|2025-01-13T11:02:56+00:00January 13th, 2025|Avada|
The vast majority...
How to Use the Avada Alert Element
By michaelb|2025-03-18T10:50:48+00:00January 6th, 2025|Avada, Design Elements|
The Avada Alert Element is...
December 2024
How to Use Avada Container & Column Background Options
By michaelb|2024-12-18T13:17:51+00:00December 18th, 2024|Layout Elements|
In this blog...
Version 7.11.12 Security Update
By michaelb|2024-12-16T16:59:41+00:00December 16th, 2024|Avada|
We have released Avada 7.11.12,...
How to Use CSS Z-index With Avada in Web Design
By michaelb|2024-12-10T09:49:39+00:00December 10th, 2024|Avada|
In web design, managing the...
The Avada Blog Element is set up as follows: Posts Per Page (5), Post Status (Published), Post Offset (10), Pull Posts By (Category), Categories, Exclude Categories, Order By (Date), Order (Descending), Show Thumbnail (Yes), Show Title (Yes), Content Display (Excerpt), Excerpt Length (5 Words), Strip HTML From Posts Content (Yes), Show Meta Info (Yes), Show Author Name (Yes), Show Categories (Yes), Show Comment Count (Yes), Show Date (Yes), Show Read More Link (Yes), Show Tags (No), Blog Layout (Timeline), Title Size (H3), Link Title to Post (Yes), Content Alignment (Textflow), Pagination Type (No Pagination), Grid Box Color, Grid Element Color, Grid Separator Style (Single Border Solid), Blog Grid Text Padding, and Margin.
The Avada Blog Element is set up as follows: Posts Per Page (4), Post Status (Published), Post Offset (16), Pull Posts By (Category), Categories, Exclude Categories, Order By (Date), Order (Descending), Show Thumbnail (Yes), Show Title (Yes), Content Display (No Text), Show Meta Info (No), Blog Layout (Masonry), Number of Columns (2), Column Spacing (20px), Masonry Image Aspect Ratio (1.0), Masonry 2X2 Width (2000), Title Size (H4), Font (Custom), Link Title to Post (No), Content Alignment (Center), and Pagination Type (No Pagination).
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.