Recent Activity Tabs Element

Last Update: August 5, 2026

The Avada Recent Activity Tabs Element replaces the functionality of the old Avada Tabs Widget, and allows you to display tabs showing popular posts, comments and recent posts. It’s completely configurable, with any section being able to be removed. It’s a great way to summarise useful blog information in an easy to use, compact area. Read on to see the complete list of options.

How To Use The Recent Activity Tabs Element

The Recent Activity Tabs Element has a relatively simple function, to display popular posts, recent posts and recent comments in a tabbed format. You can decide yourself to display all three, or two of them, or even just one. It’s very simple to configure, and there is a full range of styling options to get it to look just how you want it.

This could be used in a single post layout section, or perhaps just on a page. Just add the Element into a page or layout section, and configure it to display what you want. See the full list of Element options below, and see the example below of the actual Element.

Best WordPress Community Website Plugins
May 12th, 2015
WordPress 5.0, Avada, And You. All That You Need To Know.
December 6th, 2018
Beginner’s Guide to Creating and Publishing Your First WordPress Blog Post: Part I
March 12th, 2015

Avada 7.16 Has Been Released
August 5th, 2026
Version 7.16 Security Update
August 4th, 2026
How to Use Avada Container and Column Backdrop Filters
July 29th, 2026

Element Options

Note: Please note that the displayed option 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

Heading		Description
Tabs Showing		Choose which tabs are shown. Drag to reorder them, the first one is the active tab.
Post Design		Select how the posts displayed should look.
Show Excerpt		Choose to show the post excerpt on an additional row below the date.
Tabs Alignment		Choose how the tabs are distributed. "Stretch" spreads them over the full element width.
Popular Posts Tab Label		The label of the popular posts tab. Leave empty to use the default wording.
Popular Posts Tab Icon		Click an icon to select, click again to deselect.
Popular Posts Order By		Select what popular posts should be sorted by.
Number Of Popular Posts		How many popular posts should appear.
Recent Posts Tab Label		The label of the recent posts tab. Leave empty to use the default wording.
Recent Posts Tab Icon		Click an icon to select, click again to deselect.
Number Of Recent Posts		How many recent posts should appear.
Comments Tab Label		The label of the comments tab. Leave empty to use the default wording.
Comments Tab Icon		Click an icon to select, click again to deselect.
Number Of Comments		How many recent comments should appear.
Excerpt Length		The length of the post excerpt. Words or characters, depending on the "Excerpt Base" global option.
Comment Length		The number of words shown of each comment.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.
Attributes		Add custom HTML attributes to the element.

Design

Heading		Description
Margin		Enter values including any valid CSS unit, ex: 4%.
Border Size		Controls the border size. The top value also applies to the line that closes the tab row. In pixels or percentage, ex: 10px or 10%. Leave empty to use a default value of 1px.
Border Style		Controls the border style.
Border Color		Controls the border color.
Border Radius		In pixels or percentage, ex: 10px or 10%.
Tab Padding		Controls the padding of the tabs. In pixels or percentage, ex: 10px or 10%.
Tab Indicator Bar Size		Controls the height of the bar on top of the tabs that indicates the active tab. Set to 0 to hide it. In pixels.
Tab Top Bar Color		Controls the color of the top bar of the tab.
Tab Background Color		Controls the background color of the inactive tab.
Tab Title Typography		Controls the tab typography.
Tab Title Color		Controls the text color of the inactive tab.
Tab Icon Position		Choose the position of the icon on the tab. Icons can be selected per tab in the general tab.
Tab Icon Size		Set the size of the icon. In pixels, ex: 13px.
Tab Icon Color		Controls the color of the tab icon.
Content Items Padding		Controls the padding of the items in the tab content. In pixels or percentage, ex: 10px or 10%.
Separator Size		Controls the size of the separator between the items in the tab content. Set to 0 to hide it. In pixels.
Separator Style		Controls the style of the separator.
Separator Color		Controls the separator color.
Content Background Color		Controls the background color of the tab content.
Image Width		Set the width of the featured image and the comment avatar, in pixels. The date block instead sizes to its text and padding.
Image/Date Gap		Controls the space between the image or date block and the text. Enter value including any valid CSS unit, ex: 12px.
Date Padding		Controls the padding of the date block, which sizes to its text. In pixels or percentage, ex: 10px or 10%.
Date Background Color		Controls the background color of the date block.
Image/Date Border Radius		Controls the border radius of the featured image, the date block and the comment avatar. In pixels or percentage, ex: 10px or 50%.
Date Typography		Controls the date typography.
Date Color		Controls the text color of the date.
Title Typography		Controls the title typography.
Title Color		Controls the color of the title.
Link Hover Color		Controls the hover color of the title and content links.
Content Lines Clamp		How many lines to clamp the content for post excerpt and comments.
Content Typography		Controls the typography of the post excerpt and comment text.
Content Color		Controls the text color of the post excerpt and comment text.

Extras

Heading		Description
Conditional Rendering		Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results.
Animation Type		Select the type of animation to use on the element.
Direction of Animation		Select the incoming direction for the animation.
Animation Color		Select the color of the animation
Speed of Animation		Type in speed of animation in seconds (0.1 - 5).
Animation Delay		Select the delay time after the animation starts(0 - 5).
Offset of Animation		Controls when the animation should start.