Fouita Widgets

Welcome to the “Tabs” documentation. Looking to integrate tabs into your website? Our widget helps you to organize and display content in an interactive and user-friendly way. In this guide, we'll show you how to use the editor to customize your tabs widget.

Step 1 : Open the Editor

Step2 : Add and customize Tabs

Step 3 : Configure Settings

Step 4 : Choose Colors

Step 5 : Preview

Step 1 : Open the Editor

1. Go to Tabs templates.

2. Click on "Edit" after choosing your template.

Step 2: Add and customize Tabs

1. In this panel, you can easily add and remove your tabs as needed.

2. Customize each tab by editing its name, selecting an icon, uploading an image, and modifying the content to your liking.

Step 3: Configure settings

Here, you'll manage the Tabs settings.

1.In the view section, you can adjust the max width and reverse the widget if desired.

2. Choose to show or hide tags, then customize its opacity, roundness and border.

3. Additionally, you have the option to show or hide the image and specify its width and round.

4. When dealing with tabs, you can fine-tune tab and active tab background opacity, select their position and alignment. Additionally, you have the option to add icons and borders as desired.

Step 4 : Choose Colors

1.Within this panel, you can change the background color or set it as transparent. Additionally, you can choose text and theme colors that seamlessly align with your website's design.

Step 5: Preview

Lastly, you can click on “Preview” to see how your tabs widget looks on both desktop and mobile devices. After this, you can proceed to the next step.

widgets