Avada Categories Element Examples

The Categories Element allows you to display the terms of any taxonomy — from post categories and tags to product categories, brands, and portfolio skills — anywhere on your site, styled to match your website's branding.

This Categories Element is set up as follows: Taxonomy (Element Type), Terms to Display (All Terms), Order By (Name), Order (Ascending), Number of Terms (0), Hide Empty Terms (Yes), Display Type (List), Layout (Inline), Nest Child Terms (No), Icon, Show Terms Image (No), Show Post Count (Yes), Post Count Format, Show “All” Term (No), Highlight Current Term (Yes), Inline Alignment (Center), Item Content Alignment (Center), Item Spacing, Item Padding, Border Size, Border Radius, Media Spacing, Color Styling Options, and No Animation Type.

This Categories Element is set up as follows: Taxonomy (Category), Terms to Display (All Terms), Order By (Name), Order (Ascending), Number of Terms (0), Hide Empty Terms (Yes), Display Type (List), Layout (Stacked), Nest Child Terms (Yes), Child Terms Display (Accordion), Maximum Depth (0), Icon, Show Terms Image (No), Show Post Count (No), Post Count Format, Show “All” Term (No), Highlight Current Term (No), Element Max Width (30%), Inline Alignment (Flex Start), Accordion Toggle Position (Item Edge), Item Padding, Child Terms Indent (15), Child Terms Indent Style (Inset), Group Child Terms (No), Separator Size (1), Separator Style (Dotted), Separator Color, Custom Font, Color Styling Options, and No Animation Type.

This Categories Element is set up as follows: Taxonomy (Categories), Terms to Display (All Terms), Order By (Name), Order (Descending), Number of Terms (0), Hide Empty Terms (Yes), Display Type (Select), Nest Child Terms (Yes), Maximum Depth (3), Show Post Count (No), Show “All” Term (No), Highlight Current Term (Yes), Element Max Width (500px), Select Text Color, Select Border Color, Select Focus Border Color, Select Border Radius (10), and No Animation Type.

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 Column Element Featured ImageColumn
Avada Chart Element Featured ImageChart