{"id":335659,"date":"2021-10-21T09:12:15","date_gmt":"2021-10-21T09:12:15","guid":{"rendered":"https:\/\/plugins.divinext.com\/divi-content-toggle\/?page_id=335659"},"modified":"2021-10-21T15:23:57","modified_gmt":"2021-10-21T15:23:57","slug":"documentation","status":"publish","type":"page","link":"https:\/\/plugins.divinext.com\/divi-content-toggle\/documentation\/","title":{"rendered":"Documentation"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.11.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; module_alignment=&#8221;center&#8221; max_width=&#8221;1000px&#8221; box_shadow_style=&#8221;preset3&#8243; custom_padding=&#8221;|50px||50px|false|true&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||39px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Create innovative primary and secondary content switches!<\/p>\n<p>You can showcase your key information beautifully and interactively with Content Toggle, speed up traffic, and optimize conversion rates on your website as well. With this Toggle element, you can insert saved layouts, text and create a stunning website for the viewers.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_1-1.jpg&#8221; title_text=&#8221;Screenshot_1&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Content tab \u2192 Content Left (left switch)<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Here we are going to go over what is there for the Content Left toggle:<\/p>\n<ul>\n<li>Heading Left &#8211; type the text for the left heading <\/li>\n<li>Content Type &#8211; choose a content type either you can add from Library or add custom content<\/li>\n<li>Content &#8211; type in the paragraphs for the body text<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_2-1.jpg&#8221; title_text=&#8221;Screenshot_2&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Content tab \u2192 Content Right (right switch)<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Here we are going to go over what is there for the Content Right toggle:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Heading Right &#8211; type the text for the right heading\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content Type &#8211; choose a content type either you can add from Library or add custom content<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content &#8211; type in the paragraphs for the body text<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_3.png&#8221; title_text=&#8221;Screenshot_3&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Switch<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switcher Size &#8211; adjust switch size using the slider below<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch Alignment &#8211; align the switch to either left, right, or center<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch Left Background &#8211; select either fill color or gradient for the left switch background<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch Right Background &#8211; select either fill color or gradient for the left switch background<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_4.jpg&#8221; title_text=&#8221;Screenshot_4&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Switch<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch Round Button Background &#8211; select either fill color or gradient for the switch round button background<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rounded Corners &#8211; adjust the rounded corners with this feature<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; pick where you want to add the border\u00a0<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_5.jpg&#8221; title_text=&#8221;Screenshot_5&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Switch<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border width &#8211; adjust the thickness of the border using the slider\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Color &#8211; choose a color for the border\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; here you can pick a type of border from the collection provided<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_6.jpg&#8221; title_text=&#8221;Screenshot_6&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Heading Left<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font &#8211; select a font for the left heading text\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Weight &#8211; pick a font-weight either regular, bold, italic, and more.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Style &#8211; choose a font style<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Color &#8211; pick a color for the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Size &#8211; resize the text using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Letter Spacing &#8211; adjust the spacing of the letters using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Line Height &#8211; adjust the height between the lines using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Shadow &#8211; add a shadow style to the text<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_7.jpg&#8221; title_text=&#8221;Screenshot_7&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Heading Right<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font &#8211; select a font for the right heading text\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Weight &#8211; pick a font-weight either regular, bold, italic, and more.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Style &#8211; choose a font style<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Color &#8211; pick a color for the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Size &#8211; resize the text using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Letter Spacing &#8211; adjust the spacing of the letters using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Line Height &#8211; adjust the height between the lines using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Shadow &#8211; add a shadow style to the text<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_8.jpg&#8221; title_text=&#8221;Screenshot_8&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Left<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content Left Background &#8211; choose a background color for the left switch content<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font &#8211; select a font for the right heading text\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Weight &#8211; pick a font-weight either regular, bold, italic, and more.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Style &#8211; choose a font style<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Alignment &#8211; align the content either to the left, right, or center<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_9.jpg&#8221; title_text=&#8221;Screenshot_9&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Left<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Color &#8211; pick a color for the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Size &#8211; resize the text using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Letter Spacing &#8211; adjust the spacing of the letters using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Line Height &#8211; adjust the height between the lines using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Shadow &#8211; add a shadow style to the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rounded Corners &#8211; adjust the rounded corners using this feature<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_10.jpg&#8221; title_text=&#8221;Screenshot_10&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Left<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; pick where you want to add the border\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border width &#8211; adjust the thickness of the border using the slider\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Color &#8211; choose a color for the border\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; here you can pick a type of border from the collection provided<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content Left Box Shadow &#8211; include a type of box-shadow to the content<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_11.jpg&#8221; title_text=&#8221;Screenshot_11&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Right<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content Right Background &#8211; choose a background color for the right switch content<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font &#8211; select a font for the right heading text\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Weight &#8211; pick a font-weight either regular, bold, italic, and more.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font Style &#8211; choose a font style<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Alignment &#8211; align the content either to the left, right, or center<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_12.jpg&#8221; title_text=&#8221;Screenshot_12&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Right<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Color &#8211; pick a color for the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Size &#8211; resize the text using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Letter Spacing &#8211; adjust the spacing of the letters using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Line Height &#8211; adjust the height between the lines using the slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text Shadow &#8211; add a shadow style to the text<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rounded Corners &#8211; adjust the rounded corners using this feature<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-content\/uploads\/sites\/17\/2021\/10\/Screenshot_13.jpg&#8221; title_text=&#8221;Screenshot_13&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Lato|900|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Design tab \u2192 Content Right<\/p>\n<p>[\/et_pb_text][et_pb_text ul_type=&#8221;square&#8221; ul_item_indent=&#8221;20px&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; pick where you want to add the border\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border width &#8211; adjust the thickness of the border using the slider\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Color &#8211; choose a color for the border\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Border Styles &#8211; here you can pick a type of border from the collection provided<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Content Right Box Shadow &#8211; include a type of box-shadow to the content<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create innovative primary and secondary content switches! You can showcase your key information beautifully and interactively with Content Toggle, speed up traffic, and optimize conversion rates on your website as well. With this Toggle element, you can insert saved layouts, text and create a stunning website for the viewers.Content tab \u2192 Content Left (left switch)Here [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-335659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/pages\/335659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/comments?post=335659"}],"version-history":[{"count":0,"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/pages\/335659\/revisions"}],"wp:attachment":[{"href":"https:\/\/plugins.divinext.com\/divi-content-toggle\/wp-json\/wp\/v2\/media?parent=335659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}