Clear Tab Module

Tabs are perfect for displaying a bunch of organized information in a small area. The clear module provides the 3 different layouts for Tab design. In this module, we get the option to add the content and image as per the use.

Watch the video below, where you can learn how to Customize and edit the clear Heading Module easily.

If you have any Sales or Support related questions, you can any time reach us at hello@webdew.com or visit this page.

Let's see how it Works:-

Sidebar Type -

This setting gives us the options to align the tab buttons. With this setting, we can easily align the buttons in different positions like right, left and center.

tab center

Select the Layout Type -

In these settings, we have different options to select the layout types. we have the option of two-column, three-column and four columns. Now when we add the content or images in the tab the content and images are divides into these columns.

tab layout

Tab Repeater:-

Please click on the add button for creating Tab repeater. First, we get the option to add the Tab title (this tab title is a button. when we click this button then it display the content section in it).

tab repeater

Tab Content:-

This is the content section of the tab button. so first we have to click on the add button then we get the option to add the tab content. In the first section we have to add image.here we get the option to adjust the height and width also we can add the link on the image.

                           

                            tabbing-tab

 

Tabbing Style:- This option providing the following settings.

- Update the text color
- Change background-color
- Change hover color / active text color
- Assign the padding spacing like a top, bottom, left and right
- Add border-radius

 

                        tabbing-style

 

Text Style:- In these settings, we have te option to assign the heading tag like h1 and h2.
We have also added the font color from here.

 

                               text-style

 

Box Style:- In this setting first we get the option to add the background color of the box. then add the padding spacing from the given range parameter. Add the border-radius and change the border color.

                               

                         text-box

 

Description Setting:- In the description set, we have the option to disable the description when you dont want the description. In the last, we can set the position of title as we want. here we have options like Top, Bottom, and fix center.

                           

                    description setting