Blog Element

Make Yourself Heard

Buy Avada
Discover More
Prebuilt Websites

7 Design Layouts to Select

The Blog Element is a very versatile way of presenting your blog posts on your site. Each Blog shortcode can use any of our 7 designs and can be used with a single or dual sidebar. Each instance has its own set of options for customization providing ultimate flexibility per use.

blog-grid

Grid Full Width

blog-timeline

Timeline Full Width

blog-large

Large Image

blog-large-alt

Large Alternate

blog-med

Medium Image

blog-med-alt

Medium Alternate

blog-masonry

Masonry Full Width

Create Unlimited Blog Pages

The Blog shortcode allows you to use it on as many pages as you wish. Each instance can have a unique set of categories that display giving you superior flexibility for various types of layout, even magazine style.

Loaded With Customization Options

Each blog instance you use has a massive set of options for customization. These options allow you to choose how each set of posts display, making it unique to your site.

Number Of Posts

This option allows you to control the number of posts that will display with the blog shortcode.

Categories

This option allows you to choose which category or categories will display with the blog shortcode.

Exclude Categories

This option allows you to easily exclude one or more categories. Perfect for those who have many.

Post Excerpt

This option allows you to show a post excerpt or the full content on each of your blog post.

Post Thumbnail

This option allows you to show or hide the blog post image that dispalys on each of your posts.

Pagination Type

This option allows you to choose if pagination will display for navigating through posts.

Post Title

This option allows you to show or hide the blog post title that dispalys on each of your posts.

Strip HTML

This option allows you to strip HTML from the post, which is perfect for when using excerpts.

Show Meta Info

This option allows you to display all post meta data or none at all.

Blog Masonry Options

Our improved blog masonry options allow you to set the number of columns, how many posts are viewed, column spacing and more.

See Blog Masonry View

Total Control Over Meta Data Display

The Blog shortcode allows you to use it on as many pages as you wish. Each instance can have a unique set of categories that display giving you superior flexibility for various types of layout, even magazine style.

  • Show or hide all meta info with one easyoption.
  • Show or hide the author of the post.
  • Show or hide the individual post categories.
  • Show or hide the comment icon and number.
  • Show or hide the date of the post.
  • Show or hide the Read More link with icon arrow.
  • Show or hide the tags of the post.

The Avada: Website Builder

CREATE THE LAYOUTS YOU WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.

avada-theme-builder
EXPLORE THE AVADA WEBSITE BUILDER

Header Builder

Whatever your design requirements are, getting the job done could not be any easier. You can decide how many columns to use when designing and building the header, with a vast array of styling options to perfect the layout. What’s more, is you can now choose to create and display as many different headers as you want for different pages and posts throughout your website.

Footer Builder

Free from any constraints of Global Options, anything you can imagine and design, you can build and implement as your Footer, either globally or in a conditional layout on a Custom Post Type, a post category, or any number of other possibilites. With the Avada Footer Builder, we have introduced a tool of unparalled design power and flexibility, and you are now limited more by your imagination than anything else.

The #1 Selling WordPress Theme Of All Time

625,000+

Individuals & Businesses Trust Avada

BUY AVADA

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Avada Global Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

Element Options

  • Blog Layout – Select the layout: Large, Medium, Large Alternate, Medium Alternate, Grid*, Timeline, Masonry*.
  • Blog Layout Grid – Provides advanced configuration: Number of Columns, Column Spacing, Equal Heights, Grid Box Color, Grid Element Color, Grid Separator Style, Grid Separator Color, Blog Grid Text Padding.
  • Blog Layout Masonry – Provides advanced configuration: Number of Columns, Column Spacing, Masonry Image Aspect Ratio, Masonry 2×2 Width.
  • Posts Per Page – Select number of posts per page. Set to -1 to display all. Set to 0 to use number of posts from Settings > Reading.
  • Post Offset – The number of posts to skip.
  • Pull Posts By – Choose between Category* or Tag*.
  • Category – Provides advanced configuration: Categories, Exclude Categories.
  • Tag – Provides advanced configuration: Tags, Exclude Tags.
  • Order By – Defines how posts should be ordered: Date*, Post Title*, Post Slug*, Author*, Number of Comments*, Last Modified*, Random.
  • Order – Provides advanced configuration: Ascending, Descending.
  • Show Thumbnail – Display the post featured image.
  • Show Title – Display the post title below the featured image.
  • Link Title To Post – Choose if the title should be a link to the single post page.

Element Options

  • Content Alignment – Controls the alignment of contents.

  • Text display – Controls if the blog post content is displayed as excerpt, full content or is completely disabled.

  • Excerpt Length – Insert the number of words/characters you want to show in the excerpt.
  • Strip HTML from Posts Content – Choose to strip HTML from the post content.
  • Show Meta Info – Choose to show all meta data.
  • Show Author Name – Choose to show the author.
  • Show Categories – Choose to show the categories.
  • Show Comment Count – Choose to show the comments.
  • Show Date – Choose to show the date.

  • Show Read More Link – Choose to show the Read More link.

  • Show Tags – Choose to show the tags.

  • Pagination Type – Choose from: No Pagionation, Pagination, Infinite scrolling, Load More Button.

  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.