Tour
How to Configure and Style Tour
Tour is similar to the element Tabs. However, the only difference is that the tour is vertical tabs and horizontal tabs.
How to Activate Tour
To use this UBE Addons element, find the ‘Tour‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Tour‘ into the ‘Drag widget here‘ or the ‘+’ section.
After you are done with step 1, this is the basic layout you are going to view:
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Tour sections.
General Settings
| Type | Choose the layout type of the tour. Includes classic, flat, outline, pills, underline. |
|---|---|
| Spacing | Allow spacing between tabs or not |
| Nav Width | Enter the width of the tab |
| Tour Alignment | Align the position for the tour to the left or right |
| Title alignment | Align the text for the title |
| Scheme | Choose the default color for the tab including border, text and background depending on the style of the tab. |
| Enable Icon | Allow displaying icons on tabs or not |
Content
| Title | Enter the title of the tab |
|---|---|
| Icon Type | Choose the type of icon including icon or media. This control only works when Enable Icon is on |
| Content Type | Choose a content type that includes entered content or a pre-generated Element Template. |
| Content | Enter content if Content Type is Content selected |
| Saved Template | Choose a elementor template if Content Type is Save Template selected. |
How to Style Tour
Switch to the ‘Style’ tab to style all the elements of Tour.
General
‘Tabs’ section lets you add ‘Color’ , ‘Border’ or ‘Background’ to the Tour depend on type of Tour.
Title
‘Title’ section lets you add Typography, Icon Size, Icon Spacing, Padding, and Color, Icon Color, Background Color in normal, hover and active mode to the tabs depend on type of Tour.
Content
‘Content’ section lets you add Typography, Color, Padding to the content of Tour.
Final Outcome
By following these mentioned steps and a bit more modifying & styling, you can easily design your Tour as per your preference.
By using UBE Tour, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.
Getting stuck? Feel to Contact Our Support for further assistance.