Manual

The fundamentals of using Slider Revolution.

Activate and Configure Tab Navigation

Learn how to add navigation tabs to your Slider Revolution modules.

What Are Navigation Tabs?

Navigation tabs are tab-like buttons that appear on a slide [?] A "slide" in Slider Revolution is a container into which multiple layers can be added, with layers in turn acting as containers for various forms of media such as images, text, video, audio, buttons, and special effects.

Slides are added to modules and edited via the module editor.

Within the module editor, each slide has its own animation timeline, background and collection of layers.

A single module can have one or many slides. A module with one slide is called a scene, and a module with multiple slides is called a slider or carousel.
that give the visitor a way to manually switch to a different slide.

For example, the Cyber Glitch Effect Slider template [?] A "Template" is a premade module. It has pre-configured layers already in place.

It is designed to be ready for use, either as is or after being modified in the module editor.

Slider Revolution comes with several templates you can use, or alternatively you can create your own templates, thereby allowing you to easily reuse modules you have produced.
uses tabs along the bottom for additional slide navigation:

Activating Tab Navigation

To add tab navigation to your module [?] A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.

A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.

A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.

Multiple modules can be combined to form rich content such as complete sites and landing pages.
, go to the Navigation Options tab, and then the Tabs sub-section:

Set the toggle in the Tabs Type panel to ON:

A number of panels and options that can be used for further configuration will appear below:

Configuring Tabs

Tabs Style

In the Tabs Type panel, you can use the Tabs Style option dropdown to select from several different styles for your arrows:

Different tab styles can feature slide numbers, slide titles, an image, and can also be displayed with varying shapes, colors, borders and backgrounds.

Position Panel

Below the Tabs Type panel you will see the Position panel:

The options here apply to each Tabs Style used for navigation.

Orientation

The Orientation option allows you to specify whether you want to display the navigation tabs next to each other or on top of each other:

Select the Horizontal radio-button to display the navigation tabs next to each other:

Select the Vertical radio-button to display the navigation tabs on top of each other:

Note: In both the examples shown above, the Tabs Style used is Bullet Bar.

Aligned by

The Aligned by option allows you to decide how the navigation tabs will align relative to the slider’s [?] A slider is a type of module that contains multiple slides. You can only see one slide at a time, a distinguishing features that makes sliders different from carousels.

The slides of a slider can be panned through either by using navigation controls such as arrows and tabs, or by clicking and dragging. They can also be set to automatically transition from one slide to the next.
display:

If you select Module Dimensions, the navigation tabs will be pushed out to the further edges of the module [?] A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.

A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.

A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.

Multiple modules can be combined to form rich content such as complete sites and landing pages.
:

If you select Content, the navigation tabs will stay inside the area on your canvas [?] The canvas is the point and click design space in the module editor. It forms the largest area of the module editor.

In this area layers can be selected, moved and resized. Animations can also be previewed.
marked with blue dotted lines:

Note: If the Alignment option is set to the center grid, which it is by default, selecting Module Dimensions or Content will have no effect.

Inner / Outer

The Inner, Outer Vertical and Outer Horizontal options allow you to quickly align the navigation tabs inside or outside the slider’s main content area, i.e., inside or outside the area marked with dotted blue lines.

Inner

Select the Inner option when you want your navigation tabs to display inside the content area of your slide, i.e., inside the area marked with dotted blue lines.

When the Inner option is selected, which it is by default, you can use the Alignment option to manually select any one of nine possible alignment grid points. In each case, the navigation tabs will be displayed over the content of the slide, as illustrated in the example preview below:

Outer Vertical

The Outer Vertical option is used to vertically position the navigation tabs outside of the slider’s content, either to the left or right side:

Selecting Outer Vertical will set Orientation to Vertical and Alignment to the left-middle grid point:

You can then use the Alignment grid to further refine the position of the navigation tabs, either to the left-top or left-bottom, or to the right-top, right-middle, or right-bottom positions.

While the navigation tabs will be repositioned on the canvas to reflect the Outer Vertical settings, in practice you will need to preview your module to see how they display outside of the slider’s content:

Note: When Outer Vertical is selected, the width of the slide’s content will be automatically decreased to create space for the navigation tabs to be visible outside of it. The aspect ratio of the slider’s content will be retained.

Outer Horizontal

The Outer Horizontal option is used to horizontally position the navigation tabs outside of the slider’s content, either to the top or bottom:

Selecting Outer Horizontal will set Orientation to Horizontal and Alignment to the bottom-middle grid point:

You can then use the Alignment grid to further refine the position of the navigation tabs, either to the bottom-left or bottom-right, or to the top-left, top-middle, or top-right positions.

While the navigation tabs will be repositioned on the canvas to reflect the Outer Horizontal settings, in practice you will need to preview your module to see how they display outside of the slider’s content:

Note: When Outer Horizontal is selected, the height of the slide’s content will be automatically decreased to create space for the navigation tabs to be visible outside of it. The aspect ratio of the slide’s content will be retained.

Alignment

The Alignment option allows you to set the horizontal and vertical alignment of your navigation tabs. You will see a grid of points representing the available alignment settings: the corners, edges and center:

Note: If Outer Vertical or Outer Horizontal are selected, the middle-vertical or middle-horizontal row of grids will not be visible. If you need to resolve this, go to the Inner / Outer option and select Inner. Alternatively, you can refine the position of the available grid points using the Offset X / Y option.

Select a grid point to align the navigation tabs to that point. For example, if you click the top-right grid point, your navigation tabs will align to the top-right corner:

You can then fine tune the alignment of the navigation tabs using the Offset X/Y option.

Offset X/Y

The Offset X and Offset Y options allow you to offset a navigation tab’s position by a specified amount of pixels (px):

The Offset X option creates a horizontal offset. If the navigation tabs are left aligned, the offset will move the bar to the right. If the navigation tabs are right aligned, the offset will move the bar to the left.

For example, here are navigation tabs configured with Orientation set to Horizontal, Aligned by set to Module Dimension, Inner / Outer set to Inner, and Alignment set to the center-right, with Offset X set to 70px:

The Offset Y option creates a vertical offset. If the navigation bullet is top aligned, the offset will move it down. If the navigation bullet is bottom aligned, the offset will move it up.

For example, here is a navigation bullet with Orientation set to Vertical, Aligned by set to Content, Inner / Outer set to Inner, Alignment set to the center-right, and Offset Y set to 120px:

Visible Amount

The Visible Amount option can be used to specify the maximum number of navigation tabs to display:

If Visible Amount is set to 1, the only navigation tab that will be displayed will be the one that relates to the active slide, i.e., the currently viewed slide. It is therefore recommended that Visible Amount be set to a minimum of 2 or more.

It is possible to set the Visible Amount option to a value that is higher than the number of slides you currently have in your slider. Doing so may influence the navigation tab layout on the canvas to account for the additional tabs. However, when previewed or published, Slider Revolution [?] Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects.

It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software.
will not display superflous tabs if the slides for the additional tabs have not yet been added to the slider.

Size Panel

Below the Position panel you will see the Size panel:

The options in the Size panel can be used to control the size of the navigation tabs as well as the spacing between them.

Spacing

The Spacing option allows you to set the space between each individual navigation tab in pixels (px):

Increasing the Spacing value will increase the amount of space between navigation tabs. Decreasing the value will decrease the amount of space.

Note: The Spacing option does not affect the amount of spacing around each navigation tab, it only affects the space that separates one navigation tab from the next.

Minimum Width

The Minimum Width option allows you to specify the minimum width that a navigation tab can be displayed at:

When the slider is resized for smaller layouts, the navigation tabs will never be displayed at a width lower than the value specified here in pixels (px).

Note: The value chosen for Minimum Width should be equal to or lower than the value set for the default Width of the navigation tabs.

Width

The Width option allows you to specify the width of the navigation tabs when the slider is viewed at its full size:

Note: The width of the navigation tabs will automatically resize where necessary to suit smaller layouts. In some cases this can cause the navigation tabs to become too small. To maintain a minimum navigation tab size on smaller layouts, use the Minimum Width option.

Height

The Height option allows you to specify the height of the navigation tabs when the slider is viewed at its full size:

Note: The height of the navigation tabs will automatically resize where necessary to suit smaller layouts, but will do so by maintaining the correct aspect ratio in relation to the value set in the Width option. If the navigation tabs appear too small on smaller layouts, solve this by adjusting the value set in the Minimum Width option.

Mask Offset

Mask Offset functionality allows you to add space around the edges of your navigation tabs, offsetting their position from the inside of the Wrapper by a specified amount. The area that is offset outside of the wrapper becomes masked, i.e., rendered invisible.

For example, here is a set of navigation tabs that have been offset from the inside of their wrapper (in blue) by 20px horizontally and 10px vertically. The browser’s developer tools have been used to highlight the position of the navigation tabs relative to their wrapper. You can see the 20px horizontal gap showing on the left, and the 10px vertical gap showing at the top:

In the above example, the mask offset is positioned 20px to the right and 10px down from the position of the blue wrapper. The end result is 20px of the navigation tabs to the right are masked (hidden), and 10px of the bottom of the navigation tabs are also hidden.

The Mask Offset function can therefore be used to create unique navigation displays by hiding specific areas of your navigation tabs.

This functionality can be configured via the Mask Offset panel’s two options: Mask Horizontal Offset and Mask Vertical Offset:

Mask Horizontal Offset

The Mask Horizontal Offset field allows you to add an offset amount on the left and right ends of the navigation tabs, in pixels (px):

In the image above, Mask Horizontal Offset is set to a value of 50 pixels (50). In the image below, we’ve set the Wrapper option to blue to highlight the effect of this offset on the canvas, which shows 50px of additional spacing visible either side of the navigation tabs:

While the canvas will give you a preview of how your offset amount will look on each end (as per the image above), in practice you will typically only see an offset on one side at a time.

For example, when viewed live, the 50px offset will first be seen only at the left end, but at the same time the equivalent 50px area pushed outside of the wrapper at the right end will be rendered invisible:

The 50px offset will only be seen on the right end when the last navigation tab is reached, and again, the equivalent 50px of area pushed outside of the wrapper at the left-end will be rendered invisible:

Note: The Mask Horizontal Offset option is typically best used when Orientation is set to Horizontal.

Mask Vertical Offset

The Mask Vertical Offset field allows you to add an offset amount at the top and bottom of the navigation tabs, in pixels (px):

In the image above, Mask Vertical Offset is set to a value of 50 pixels (50). In the image below we see 50 pixels of additional spacing visible above and below the navigation tabs:

While the canvas will give you a preview of how your offset amount will look on each end (as per the image above), in practice you will typically only see an offset on one side at a time.

For example, when viewed live, the 50px offset will first be seen only at the top end, but at the same time the equivalent 50px area pushed outside of the wrapper at the bottom end will be rendered invisible:

The 50 pixel offset will only be seen on the bottom end when the last navigation tab is reached, but at the same time the equivalent 50px area pushed outside of the wrapper at the top end will be rendered invisible:

Note: The Mask Vertical Offset option is typically best used when Orientation is set to Vertical.

Wrapper

The Wrapper panel is where you can change the color of the main wrapper containing the navigation tabs, create space around the wrapper, and change the wrapper to occupy the full width of the module if required:

Color

The Color option allows you to modify the color of the main wrapper that contains the navigation tabs:

For further help on color selection, refer to the Tools of the Color Selection Dialogue Box tutorial.

Note: The color of the navigation tabs main wrapper is transparent by default.

Padding

The Padding option allows you to adjust the padding or space around the navigation tabs outer wrapper, in pixels (px):

By default, Padding is set to 0 pixels (0). To increase padding, use positive values only. For example, a value of 5 in the Padding field will add 5 pixels (5px) of space to all sides of the outer wrapper (as highlighted in blue in the example image below):

Note: Adjustments made to Padding only affect the spacing of the left, right, top and bottom sides of the outer wrapper, but do not affect the space between navigation tabs. To adjust the space between tabs, refer to the Spacing option.

Span

The Span option allows you to modify the main wrapper so that it spans the full width of the module:

Span is set to OFF by default, meaning the main wrapper has no dedicated line breaks, allowing other elements to be displayed adjacent to it.

Toggle to ON to change the main wrapper to occupy the full width of the module, as highlighted blue in the following example:

When toggled ON, the navigation tab wrapper has its own dedicated full-width block, preventing other elements from being displayed adjacent to it.

Tabs Visibility Panel

Below the Wrapper panel you will see the Tabs Visibility panel:

The Tabs Visibility panel contains a number of new configuration options as follows:

Animation

By default, Animation is set to make your navigation tabs fade in when they appear:

Click the Animation dropdown and you will see six additional animation options:

Select any of the available options to change the type of animation being applied, such as making the navigation tabs slide in from one of four directions, zoom in, or zoom out.

Show Speed

The Show Speed option allows you to set the time, in milliseconds (ms), that it takes for your navigation tabs to animate into view:

Show Delay

The Show Delay option allows you to set the time, in milliseconds (ms), that should pass before your navigation tabs begin animating into view:

RTL Direction

By default, navigation tabs are displayed in the same order as the slides appear in the slider.

Toggle RTL Direction to ON to reverse the order of the navigation tabs:

Note: Reversing the order of the navigation tabs does not reverse the display order of slides in the slider.

Show Always

Show Always is ON by default, meaning navigation tabs will always be visible to the user:

If you’d like your navigation tabs to disappear when there is no mouse hovering over the module, toggle the Show Always option to OFF. The navigation tabs will then disappear after a certain period of time, and reappear if the visitor hovers or taps the module.

When Show Always is set to OFF, the options Hide After: Desktop and Hide After: Mobile will appear:

Hide After: Desktop

Use the Hide After: Desktop option to set the amount of time, in milliseconds (ms), before the navigation tabs should be hidden on desktop devices.

Hide After: Mobile

Use the Hide After: Mobile option to set the amount of time, in milliseconds (ms), before the navigation tabs should be hidden on mobile devices.

Hide Under

If you’d like the navigation tabs to be hidden when the browser window is narrower than a certain width, toggle the Hide Under option to ON:

Hide Under Limit

When Hide Under is set to ON, the option Hide Under Limit will appear:

Use the Hide Under Limit option to set the browser width, in pixels (px), under which the navigation tabs should be hidden.

Hide Over

If you’d like your navigation tabs to be hidden when the browser window is wider than a certain width, toggle the Hide Over option to ON:

Hide Over Limit

When Hide Over is set to ON, the option Hide Over Limit will appear:

Use the Hide Over Limit option to set the browser width, in pixels (px), over which the navigation tabs should be hidden.

Global Style Presets Panel

If you have selected a custom Tabs Style, such as News Header, Bullet Bar or Light Bars, the panel you will see after the Tabs Visibility panel will be the Global Style Presets panel:

Note: For all other Tabs Style selections, the Global Style Presets panel will appear under the Style Global panel.

The Global Style Presets panel can be used to save a customized navigation tab style for later use as a preset.

Save a Preset

To save a new custom preset, expand the Preset dropdown, then type in a name for your preset:

Press ENTER on your keyboard to commit the name, then click the Save button to save your current style under that name:

Load a Preset

To load a preset, expand the Preset dropdown and select the preset you want to use:

Then click the Load button to apply the selected preset:

Delete a Preset

To delete a preset, expand the Preset dropdown and select the preset you want to remove:

Then click the Delete button to remove the selected preset:

Style Global Panel

The Style Global panel allows you to customize the appearance of your module’s navigation tabs:

The options available in the Style Global panel will vary depending on your chosen Tabs Style.

To customize any style, simply change that style’s value and the switch to the right of that value will automatically toggle to ON. You can revert to the default value at any time by toggling the switch back to OFF.

Note: The Style Global panel will not be available if you have selected certain custom styles, such as News Header, Bullet Bar or Light Bars.

Style Global Options Per Tabs Style

Next, let’s look at the different style options that are available for each Tabs Style:

Hesperiden

If you select the Hesperiden style, the Style Global panel will have the following options:

Font Family

The Font-Family option is used to select the font to apply to the navigation tab’s text layer(s).

Note: Navigation tab text layer’s include the slide’s title, which is drawn from the Slide Title Field, found in the top middle toolbar of the Slide Options tab.

Border Bottom Color, Border Bottom Size

The Border-Bottom-Color option is used to set the color of the border that runs along the bottom of each navigation tab. The Border-Bottom-Size option is used to modify its size.

Image Size

The Image-Size option is used to modify the size of the thumbnail preview on each navigation tab.

Date Color, Date Size

The Date-Color option is used to set the color of the post date as it appears on the navigation tab, visible on the canvas as {{param1}}. The Date-Size option is used to modify its size.

Note 1: The post date will not display on each navigation tab by default. To display a post date, go to the Slide Options tab, then the Params sub-section, and type {{date}} (the meta data snippet for date) into the Parameter 1 field.

Note 2: Alternative meta data snippets can also be used instead of the date. To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Hover BG Color

The Hover-BG-Color option is used to set the background color of navigation tabs when they are active or hovered over.

Background

The Background option is used to set a permanent navigation tab background color. The color set here remains visible on all navigation tabs, whether active or hovered over.

Note: When the Background color option is toggled to ON, a thin section of the Hover-BG-Color will still be visible along the bottom of the navigation tab, allowing active and hovered tabs to be identified.

Content

The Content option allows you to modify the color of text content on the navigation tabs when the Date-Color and Title-Color options are not in use.

Note: The Date-Color and Title-Color options display default colors even when toggled OFF. To override these colors with the Content option, the CSS of the Hesperiden Tabs Style must be edited in the Nav Editor. If not edited, the color set in the Content option will not be visible as it will be overridden by the colors set in the Date-Color and Title-Color options.

Title-Color, Title Size

The Title-Color option is used to modify the color of the post title on the navigation tab, visible on the canvas as {{title}}. The Title-Size option is used to modify its size.

Gyges

If you select the Gyges style, the Style Global panel will have the following options:

Border-Color

The Border-Color option is used to set the color of the border that runs along the bottom of each navigation tab.

Size

The Size option is used to modify the size of the thumbnail preview on each navigation tab.

Background

The Background option is used to set a permanent navigation tab background color. The color set here remains visible on all navigation tabs, whether active or hovered over.

Content Color

The Content-Color option allows you to modify the color of text content on the navigation tabs when the Date-Color and Title-Color options are not in use.

Note: The Date-Color and Title-Color options display default colors even when toggled OFF. To override these colors with the Content-Color option, the CSS of the Gyges Tabs Style must be edited in the Nav Editor. If not edited, the color set in the Content option will be overridden by the colors set in the Date-Color and Title-Color options.

Date Color, Date Size

The Date-Color option is used to set the color of the post date as it appears on the navigation tab, visible on the canvas as {{param1}}. The Date-Size option is used to modify its size.

Note 1: The post date will not display on each navigation tab by default. To display a post date, go to the Slide Options tab, then the Params sub-section, and type {{date}} (the meta data snippet for date) into the Parameter 1 field.

Note 2: Alternative meta data snippets can also be used. To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Title-Color, Title Size

The Title-Color option is used to modify the color of the post title on the navigation tab, visible on the canvas as {{title}}. The Title-Size option is used to modify its size.

Hover BG Color

The Hover-BG-Color option is used to set the background color of navigation tabs when they are active or hovered over.

Note: If the Background color option is toggled to ON, only a thin section of the Hover-BG-Color will still be visible along the bottom of the navigation tab. If Background is toggled to OFF, the Hover-BG-Color color will fill the background of the active and hovered navigation tabs.

Hades

If you select the Hades style, the Style Global panel will have the following options:

The Style Global panel for the Hades Tabs Style includes styling options for custom “parameter” fields, visible on the canvas as {{param1}}, {{param2}} and {{param3}}.

To function, each parameter field must be associated with a meta data snippet. To do this, go to the Slide Options tab, then the Params sub-section, and then type the required meta data snippet into either the Parameter 1, Parameter 2 or Parameter 3 fields.

Example snippets include {{date}} (meta data snippet for date), {{title}} (meta data snippet for a post title), or {{wc_add_to_cart_button}} (meta data snippet for an add to cart button).

To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Note: Parameters are set on a slide-by-slide basis.

Param1, Param2, Param3, Param1-Size, Param2-Size, Param3-Size

The Param1, Param2 and Param3 options are used to set the color of the information on the navigation tab that is populated by the {{param1}}, {{param2}} and {{param3}} meta data snippets respectively. The Param1-Size, Param2-Size and Param3-Size options are used to set its size.

Param3-BG

The Param3-BG option is used to set the background color behind the information populated by {{param3}}. The {{param3}} area is designed ideally for use as a button, such as an add to cart button, hence the color chosen here will appear as the button’s color.

Ares

If you select the Ares style, the Style Global panel will have the following options:

Font Family

The Font-Family option is used to select the font to apply to the navigation tab’s text layer(s).

Bottom Border, Border Bottom Size

The Bottom-Border option is used to set the color of the border that runs along the bottom of each navigation tab. The Border-Bottom-Size option is used to modify the size of that border.

Image Size

The Image-Size option is used to modify the size of the thumbnail preview on each navigation tab.

Param 1 Color, Param 2 Color, Param 1 Size, Param 2 Size

The Param-1-Color and Param-2-Color options are used to set the color of the information on the navigation tab that is populated by the {{param1}} and {{param2}} meta data snippets respectively. The Param-1-Size and Param-2-Size options are used to set the size of that information.]

Note 1: To associate a meta data snippet to either {{param1}} or {{param2}}, go to the Slide Options tab, then the Params sub-section, and then type the required meta data snippet into either the Parameter 1 or Parameter 2 fields. Example snippets include {{date}} (meta data snippet for a post date), or {{title}} (meta data snippet for a post title). Parameters are set on a slide-by-slide basis.

Note 2: To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Hover Background

The Hover-Background option is used to set the background color of navigation tabs when they are active or hovered over.

Idle Background

The Idle-Background option is used to set the background color of navigation tabs that are idle, i.e., not currently active and not being hovered over.

Hebe

If you select the Hebe style, the Style Global panel will have the following options:

Param Color, Param Size, Param Font

The Param-Color option is used to set the color of the information on the navigation tab that is populated by the {{param1}} meta data snippet. The Param-Size option is used to set the size of that information, while the Param-Font option is used to modify its font family.

Note: To associate a meta data snippet to {{param1}}, go to the Slide Options tab, then the Params sub-section, and then type the required meta data snippet into the Parameter 1 field. For example, the meta data snippet to display the post date is {{date}} . To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual. Parameters are set on a slide-by-slide basis.

Title Color, Title Size, Title Font

The Title-Color option is used to modify the color of the post title on the navigation tab, visible on the canvas as {{title}}. The Title-Size option is used to set the size of that post title, and the Title-Font option is used to modify its font family.

Note 1: To associate a post title meta data snippet, go to the Slide Options tab, then the Params sub-section, and then type the meta data snippet {{title}} into the Parameter 1 field. Parameters are set on a slide-by-slide basis.

Note 2: To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Hermes

If you select the Hermes style, the Navigation Style panel will have the following options:

Background

The Background option is used to set the background color of the area of the navigation tab that sits below the slide thumbnail preview. The color set here remains visible on all navigation tabs, and also applies to the active tab’s right arrow indicator.

Param 1 Color, Param 2 Color, Param 1 Size, Param 2 Size

The Param-1-Color and Param-2-Color options are used to set the color of the information on the navigation tab that is populated by the {{param1}} and {{PARAM2}} meta data snippets respectively. The Param-1-Size and Param-2-Size options are used to set the size of that information.

Note 1: To associate a meta data snippet to either {{param1}} or {{PARAM2}}, go to the Slide Options tab, then the Params sub-section, and then type the required meta data snippet into either the Parameter 1 or Parameter 2 fields. Example snippets include {{date}} (meta data snippet for a post date), or {{title}} (meta data snippet for a post title). Parameters are set on a slide-by-slide basis.

Note 2: To learn more about meta data snippets, refer to the Additional Text Content Options – Add Meta Data section of this manual.

Padding

The Padding option is used to modify the space around the content populated by the {{param1}} or {{PARAM2}} meta data snippets. Toggle ON to modify, and be sure to include the abbreviated unit of measurement you want to use after your chosen value, i.e., px for pixels or em for element. For example, you could set Padding to 30px.

Override Style on Slide Panel

The Override Style on Slide panel has all the same options as the Style Global panel:

However, instead of affecting navigation tabs across the entire module, the options here will override the options chosen in the Style Global panel for the currently selected slide only.

You can identify which slide you currently have selected by checking the slide that is highlighted blue in the Slides dropdown menu:

Activate and Configure Tab Navigation