fbpx
Toggle  widget is used to save space in such a when one toggle widget is expanded then all the other toggle widget remains collapsed. Only one toggle widget can extend at a time. #

Step 1: #

Select the toggle widget from the crazy elements(page builder) from the left side of the menu bar from your screen then drag and drop it in the selected area.

Step 2: #

After dropping the selected area it will automatically take you to the content tab. In the content tab you will find options to edit toggle. You can add more toggle and can change the icon which one you want to activate and which one you want to inactive(Active and inactive).

Step 3: #

In the style tab you get the options to design your toggle. Here you can change the toggle border and width. 

After completing the  above section, the title tab will give you to change the background color, active and inactive toggle color. Typography will give you the option to change letter size, weight, transform, decoration, letter spacing and line height.

After completing the above task the icon tab will give you to change the icon color, icon active color, alignment, spacing.

In the content tab you can change the content background color, content text color, text size, decoration, transform, letter spacing,style.

Step 4: #

In the Advanced tab you can add the margin, padding, Z-Index, CSS (Id, Class) motion effects, Background, Border, Responsive and others.

After left clicking on the background you will get two tabs Normal and Hoover. Here you can edit your toggle in two ways: classic or gradient. In both ways you can add background image, color, position, attachment, type(linear, radial) angle, location.

In the Border tab you can edit the border of your toggle  in two modes(Normal, Hover). In both modes you will get the different types of border options(Solid, Double, Dotted, Dashed, Groove) and you can give the border radius, box shadow(horizontal, vertical, blur, spread and the position(inline and outline)). You can also add custom positioning, responsive and custom css.

Video Tutorial #

To get new videos, Please Don’t Forget to Subscribe Our  Youtube Channel!

Powered by BetterDocs

Massive Holiday Discount

-75%

Days
Hours
Minutes
Seconds