AI Content Switcher addon typically consists of a paragraph element, which serves as the container for the different content options. Each option is created as a separate paragraph within the switcher, and you can customize the content and design of each option according to your needs.
How to set up AI Content Switcher?
Step 1: Search and find Content Switcher in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section.
Step 2: This is how the element will look after inserting the AI Content Switcher.
How to set up content for AI Content Switcher?
You can add text or HTML content to the Switcher section and align it accordingly. Primary and Secondary Content are the two parts where you can add content individually. Here you can generate content using Open AI. Additionally, you can insert an Icon in front of the Title, select an Icon from the Icon Library or upload SVG.
How to add Styles to AI Content Switcher?
Switch to the Style tab to style all the features of the Tab.
In the General Section, you can add Padding, Margin, Background Color, Box shadow and Border Radius of the Content Switcher Box.
Switcher Head: You can change the Switcher Box’s padding, margin, and background colour.
Header Icon: You can customize the icon color when it is in Normal mode or Active mode. Additionally, you can adjust the Icon Size, Spacing.
Besides you can set different Font Color, Background to the Header Title when it is in Normal and Active mode.
Switcher Slider: In the area, you can change the Slider Colour.
Typography: Change the padding and typography for the Switcher Title in the section.
The next section is the Content Switcher, which lets you set the Padding, Margin, Font Color, and Background Color separately for Primary and Secondary Contents.
You can also adjust the Box Shadow, Border Type, Radius, and Typo of Content Switches.
