Avada Logo svg
Avada Design Elements

Blog

The Avada Blog Element displays posts in multiple layouts—grid, carousel, or masonry —with filter and metadata controls, allowing you to create stylish, dynamic, and branded blog sections.

Avada Blog Element Featured Image

Dynamic Post Filtering

Easily pull WordPress posts by categories, tags, and authors, and choose from multiple layout styles.

Easily Customizable

Decide what to include (titles, excerpts, images, dates) and control the styling with an extensive array of options.

Consistent Styling

Everything, from typography to spacing and pagination, is adjustable, ensuring your blog section aligns with the rest of your site.

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.

Avada Roadmap: August Progress Update

By |August 7th, 2024|Avada|

In this latest roadmap installment, we will share...

Avada Roadmap: July Progress Update

By |July 5th, 2024|Avada|

Summertime is in full swing! In this installment,...

Avada Roadmap: June Progress Update

By |June 6th, 2024|Avada|

Summertime is here! In this installment, we will...

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.

December 2019

August 2019

February 2019

November 2018

October 2018

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.

Part 2: How to sell on your site with WooCommerce

Version 7.4.2 Security Update

Part 1: How to Build a Website for Your Online Store With Avada

Avada Restaurant: Deconstructing a Prebuilt Website

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.

Avada Tooltip Element Featured ImageTooltip
Avada breadcrumbs Element Featured ImageBreadcrumbs
Go to Top