Toggle Row

See Preview

In this article you will find the unique information about Toggle Row addition. If you want to learn about some more general issues like using a shortcodes or additions etc. See the list bellow or browse the general section.

Toggle Row lets you convert any Row into huge “accordion” like element. To  enable Toggle Row  create new row or edit existing one and then hit the  Toggle Row  tab.

Detailed description

Bellow you will find a table with all of the features and fields for this addition. On the right you will find a description for each field/section. All the settings are available in  Toggle Row tab , it will be displayed once you create a new row or hit the edit (pencil icon) button on existing row.

Toggle Row
Option Description
Make row toggable  Switch to enable toggle row.
Default state  Select the default state for toggle row.
Stretch with Row  Switch to stretch toggle with row.
Hover Effect  Specify hover effect for toggle row button.
Toggle Button – Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Title  Specify toggle row title.
Toggle Button – Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Toggle Button – Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Toggle Button – Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Toggle Button – Margin It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Toggle Icon – Icon Icon field from Massive Addons allow you to choose from 8 different icons fonts like: Font Awesome, Elegant Icons, Elegant Line Icons, Elusive Icons, Material Icons, Massive Icons, TypeIcons, Dashicons. What’s more, our Icon Field provide a possibility to use a character or image instead of icon from icons fonts. Learn More »
Toggle Icon – Position  Specify toggle row icon position.
Toggle Icon – Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Toggle Icon – Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Toggle Icon – Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Toggle Icon – Margin It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Hover Toggle Button – Simple Typography Simple Typography field gives you a control over color, size and/or font alignment. Learn More »
Hover Title Specify hover toggle row title.
Hover Toggle Button – Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Hover Toggle Button – Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Hover Toggle Icon – Icon Icon field from Massive Addons allow you to choose from 8 different icons fonts like: Font Awesome, Elegant Icons, Elegant Line Icons, Elusive Icons, Material Icons, Massive Icons, TypeIcons, Dashicons. What’s more, our Icon Field provide a possibility to use a character or image instead of icon from icons fonts. Learn More »
Hover Toggle Icon -Position  Specify toggle row hover icon position.
Hover Toggle Icon – Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Hover Toggle Icon – Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »