Properties - Appearance - Accordion Settings

Each container mode has its own set of Appearance settings, so the settings in this article will only be displayed when you select the correct container mode. For more information about container modes, please see our article here.

To display the settings in this article, select Accordion as your Container Mode in Container Settings.

This topic contains the following sections:

Inactive Tab

With Inactive Tab settings (Figure 1) you can apply changes to the inactive (unselected) tab, setting the Font Color, Background Color, Background Opacity, Font Size, Font Style, and Border Color Properties.

Figure 1: Inactive Tab

Active Tab

The Active Tab settings (Figure 2) control the appearance of the active (selected) tab. You can set the Active Font Color, Active Background Color, Active Background Opacity, Active Font Size and Active Font Style.

Figure 2: Active Tab

You can also select the Active Border Style, the Active Tab Indicator, Indicator Position, Indicator Border Width and Indicator Color (Figure 3).

Figure 3: Border, Indicator

Tabs Settings

Tabs Settings (Figure 4) allow you to choose the Text Alignment, enable text wrapping with Overflow Text, and set the Hover Color and Hover Opacity.

Figure 4: Tabs Settings