| Heading | | Description | | Taxonomy | | Select the taxonomy whose terms should be displayed. "From Current Archive" takes it from the archive the element is rendered on, so one layout section can serve every taxonomy. It uses the categories of the post type on a post type archive or a single post, and falls back to the blog categories where there is nothing to go by, which includes the preview in the builder. The term fields below are not available with it, because the taxonomy is only known while rendering. |
| Terms To Display | | Choose which terms should be pulled in. "Children Of Current Term" falls back to the top level when the page is not a term archive. |
| Parent Category | | Select the term whose children should be displayed. |
| Exclude Categories | | Select the categories that should not be displayed. |
| Exclude Tags | | Select the tags that should not be displayed. |
| Parent Brand | | Select the term whose children should be displayed. |
| Exclude Brands | | Select the brands that should not be displayed. |
| Parent Category | | Select the term whose children should be displayed. |
| Exclude Product Categories | | Select the product categories that should not be displayed. |
| Exclude Product Tags | | Select the product tags that should not be displayed. |
| Parent Portfolio Categories | | Select the term whose children should be displayed. |
| Exclude Portfolio Categories | | Select the portfolio categories that should not be displayed. |
| Parent Portfolio Skills | | Select the term whose children should be displayed. |
| Exclude Portfolio Skills | | Select the portfolio skills that should not be displayed. |
| Exclude Portfolio Tags | | Select the portfolio tags that should not be displayed. |
| Parent FAQ Categories | | Select the term whose children should be displayed. |
| Exclude FAQ Categories | | Select the faq categories that should not be displayed. |
| Parent Element Type | | Select the term whose children should be displayed. |
| Exclude Element Type | | Select the element type that should not be displayed. |
| Parent Category | | Select the term whose children should be displayed. |
| Exclude Category | | Select the category that should not be displayed. |
| Parent Avada Slider | | Select the term whose children should be displayed. |
| Exclude Avada Sliders | | Select the avada sliders that should not be displayed. |
| Order By | | Defines how the terms should be ordered. |
| Order | | Defines the sorting order of the terms. |
| Number Of Terms | | Set the maximum number of top level terms to display. Set to 0 to display all. |
| Hide Empty Terms | | Choose to hide terms that have no posts assigned. |
| Display Type | | Select how the terms should be displayed. The select navigates to the selected term. |
| Collapse To Select On | | Choose to replace the list with a select on smaller screens. This keeps long, nested lists usable on mobile. Both are output and swapped at the breakpoint, so the terms are in the markup twice. |
| Select Label | | The text of the first, empty select option. Leave empty for the default. |
| Layout | | Choose a stacked list or an inline, wrapping row of terms. The inline layout is always flat. |
| Nest Child Terms | | Choose to display child terms nested below their parent. Turn off for a flat list. Not available for the inline layout. |
| Child Terms Display | | Choose how nested child terms behave. "Current Branch Only" shows the children of the active term, "Accordion" adds a toggle to each parent. |
| Maximum Depth | | Set the maximum number of levels to display. Set to 0 for unlimited. |
| Icon | | Select the icon that should be displayed in front of every term name. Leave empty for no icon. |
| Show Term Image | | Choose to display the term image, which is set in the Avada term options. WooCommerce product categories use the category image of WooCommerce. The image is displayed after the icon, so both can be used together. |
| Show Post Count | | Choose to display the number of posts in each term. |
| Post Count Format | | Choose how the post count should be formatted. |
| Show "All" Item | | Choose to add an item that links to the archive of the taxonomy post type. |
| "All" Item Text | | The text of the "All" item. Leave empty for the default. |
| Highlight Current Term | | Choose to highlight the term of the page being viewed, as well as its parents. |
| Element Visibility | | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. |
| Element Sticky Visibility | | Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. 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. |
| Heading | | Description | | Element Max Width | | Set a maximum width for the element, so that it does not have to span the full width of its column. Leave empty to use the full width. Enter value including any valid CSS unit, ex: 300px. |
| Margin | | Enter values including any valid CSS unit, ex: 4%. |
| Inline Alignment | | Choose how the terms align within the column. |
| Item Content Alignment | | Select the content alignment within each term item. "Space Between" pushes the post count to the far side. |
| Accordion Toggle Position | | Choose if the accordion toggle is pinned to the end of the term item, or if it follows the term content and is aligned together with it. |
| Item Spacing | | Set the space between the term items. In the stacked layout the space is split evenly above and below each item, so a separator line ends up centered within it. Enter value including any valid CSS unit, ex: 10px. |
| Item Padding | | Set the padding inside each term item. Enter values including any valid CSS unit, ex: 10px. |
| Item Border Style | | Select the style of the border around each term item. |
| Item Border Size | | Set the border size of each term item. The border follows the child term settings, so it is indented with the inset indent style and frames the whole block when child terms are grouped. It is independent of the separator. Enter values including any valid CSS unit, ex: 1px. |
| Item Border Radius | | Set the border radius of the term item background. Enter values including any valid CSS unit, ex: 4px. |
| Child Terms Indent | | Set the indentation of each nested level, in pixels. |
| Child Terms Indent Style | | Choose if the indentation also insets the item background and separator, or if those keep spanning the full width. |
| Group Child Terms | | Choose to visually group child terms with their parent term. When enabled, the item spacing and the separators are only used between the top level terms, so a parent and its open child terms read as one connected block. The item border radius is applied to that block instead of each single item. Works best combined with an item background color and the full width indent style. |
| Separator Size | | Set the thickness of the separator, in pixels. |
| Separator Style | | Select the style of the separator between the term items. |
| Separator Color | | Controls the color of the separator between the term items. |
| Term Typography | | Controls the typography of the term names. Leave empty for the global font family. |
| Post Count Typography | | Controls the typography of the post count. Leave empty to inherit the term typography. |
| Icon Size | | Set the size of the icon. Enter value including any valid CSS unit, ex: 16px. Leave empty to inherit the term font size. |
| Term Image Width | | Set the width of the term image, in pixels. |
| Term Image Border Radius | | Set the border radius of the term image, in pixels. |
| Media Spacing | | Set the space between the icon, the image and the term name, in pixels. |
| Colors | | |
| Term Text Color | | Controls the text color of the term names. Leave empty to inherit the global link color. |
| Term Background Color | | Controls the background color of each term item. |
| Term Border Color | | Controls the border color of each term item. Leave empty to inherit the global separator color. |
| Post Count Color | | Controls the color of the post count. Leave empty to inherit the term text color. |
| Icon Color | | Controls the color of the icon. Leave empty to inherit the term text color. |
| Accordion Toggle Color | | Controls the color of the accordion toggle icon. Leave empty to inherit the term text color. |
| Select Text Color | | Controls the text color of the closed select field. The list of options that opens on click is drawn by the browser and can not be styled. |
| Select Background Color | | Controls the background color of the closed select field. The list of options that opens on click is drawn by the browser and can not be styled. |
| Select Border Color | | Controls the border color of the select field. |
| Select Focus Border Color | | Controls the border color of the select field on hover and while it is focused. |
| Select Border Radius | | Set the border radius of the select, in pixels. |
| Select Height | | Set the height of the select field. Enter value including any valid CSS unit, ex: 40px. |
