You learn how to set the widget and how to create templates for each tab, also how to import the demo templates for tabs.
Watch Video on Youtube
Steps to Add the WpRentals Tabs Widget
1. Edit the Page with Elementor
- Navigate to the page where you want to add the widget.
- Click Edit with Elementor.
2. Add the Tabs Widget
- Search for “WpRentals Tabs” in the Elementor panel.
- Drag and drop it into the desired section of your page.
Customize the Tabs
- Open the first tab settings.
- Change the Title.
- Add an Icon (either from media library or upload one from your device).
- Set the Content:
- Select a template or add custom text.
- Adjust text settings such as color and typography.
Note: In our demos, we use pre-created templates for tabs. If you want more than just text, you need to create and assign a template. Create the Template in Elementor Templates section.
Styling the Tabs Widget
Change Active Tab Color:
- Go to Style settings.
- Modify the color of the active tab.
Adjust Margins:
- Under Advanced, change the margin values if you wish.
Finalizing and Previewing Changes
- Save all changes.
- Refresh the page to see the updates.
- Verify that all tabs display the correct content and styling.