{"id":2707,"date":"2021-03-26T13:25:51","date_gmt":"2021-03-26T13:25:51","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/2021\/03\/26\/social-links-copy\/"},"modified":"2025-04-17T07:18:05","modified_gmt":"2025-04-17T07:18:05","slug":"toggle-content","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/toggle-content\/","title":{"rendered":"Toggle Content"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2707\" class=\"elementor elementor-2707\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec1e109 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec1e109\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcf294f\" data-id=\"fcf294f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f32ded elementor-widget elementor-widget-text-editor\" data-id=\"7f32ded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThis shortcode displays Toggle Content option.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a67ce elementor-widget elementor-widget-video\" data-id=\"f6a67ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/docs.zozothemes.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/banner-new.png&quot;,&quot;id&quot;:10220,&quot;size&quot;:&quot;&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-1.webm\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/banner-new-1.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c5498e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c5498e8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e0cd7cb\" data-id=\"e0cd7cb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97984b6 elementor-widget elementor-widget-image\" data-id=\"97984b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"417\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-1-1.jpeg\" class=\"attachment-full size-full wp-image-2709\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-1-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-1-1-201x300.jpeg 201w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3448f elementor-widget elementor-widget-image\" data-id=\"0e3448f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"471\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-3-1.jpeg\" class=\"attachment-full size-full wp-image-2711\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-3-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-3-1-178x300.jpeg 178w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7b2cfa9\" data-id=\"7b2cfa9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19853ff elementor-widget elementor-widget-image\" data-id=\"19853ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"553\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-2-1.jpeg\" class=\"attachment-full size-full wp-image-2710\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-2-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-2-1-152x300.jpeg 152w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dd986b elementor-widget elementor-widget-image\" data-id=\"3dd986b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"489\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-4-1.jpeg\" class=\"attachment-full size-full wp-image-2712\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-4-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-4-1-172x300.jpeg 172w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c6c3a8 elementor-widget elementor-widget-text-editor\" data-id=\"6c6c3a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-decoration: underline;\">Toggle<\/h4>\n<ul>\n    <li><strong>Number of Lines Toggle<\/strong> &#8211; Here You can put the Number of Lines that want to show on page load.<\/li>\n<\/ul>\n&nbsp;\n<h4 style=\"text-decoration: underline;\">Toggle Content<\/h4>\n<ul>\n    <li><strong>Prefix Color<\/strong> &#8211; Enter Toggle Content Here.<\/li>\n<\/ul>\n&nbsp;\n<h4 style=\"text-decoration: underline;\">Button<\/h4>\n<ul>\n    <li><strong>Type<\/strong> &#8211; Here Choose the Type Button.<\/li>\n\t<li><strong>Alignment<\/strong> &#8211; Here you can choose button alignment(Left\/Right\/Center)<\/li>\n\t<li><strong>Size<\/strong> &#8211; Here you can choose button Size(Small\/Medium\/Large\/Extra Small\/Extra Large)<\/li>\n\t<li><strong>Text<\/strong> &#8211; Here you can Enter Text for the Button.<\/li>\n\t<li><strong>Icon<\/strong> &#8211; Here you can choose Required Icon.<\/li>\n\t<li><strong>Icon Position<\/strong> &#8211; Here you can Set Button&#8217;s Icon Position.<\/li>\n\t<li><strong>Icon Spacing<\/strong> &#8211; This is option for giving space to Icon.<\/li>\n\t<li><strong>Button ID<\/strong> &#8211; Here you can add Unique Button Id.<\/li>\n<\/ul>\n&nbsp;\n<h4 style=\"text-decoration: underline;\">Style<\/h4>\n<ul>\n    <li><strong>General<\/strong><\/li>\n    <li><strong>Padding<\/strong> &#8211;  Here you can set padding value Toggle Content.<\/li>\n\t<li><strong>Margin<\/strong> &#8211;  Here you can set Margin value for Toggle Content.<\/li>\n    <li><strong>Font Color<\/strong> &#8211; Here you can add Toggle Content Font Color.<\/li>\n    <li><strong>Background<\/strong> &#8211; Here you can add Background Color.<\/li>\n\t<li><strong>Box Shadow Enable<\/strong> &#8211; Here you can Enable\/Disable box shadow.<\/li>\n<\/ul>\n&nbsp;\n<h4 style=\"text-decoration: underline;\">Button<\/h4>\nHere you can set style for Button&#8217;s Normal View and Hover View.\n<ul>\n \t<li><strong>Text Shadow<\/strong> &#8211; Here you can set text shadow effect to the Button<\/li>\n \t<li><strong>Text Color<\/strong> &#8211; Here you can add text Color.<\/li>\n \t<li><strong>Background Color<\/strong> &#8211; Here you can add Button Background Color.<\/li>\n \t<li><strong>Border Type<\/strong> &#8211; This is option for selecting type of the border.<\/li>\n \t<li><strong>Border Radius<\/strong> &#8211; This is option to set value for the button border radius<\/li>\n \t<li><strong>Box Shadow<\/strong> &#8211; Here you can Enable\/Disable Button box shadow .<\/li>\n \t<li><strong>Padding<\/strong> &#8211; Here you can set padding value for Button.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This shortcode displays Toggle Content option.https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/toggle-content-1.webm Toggle Number of Lines Toggle &#8211; Here You can put the Number of Lines that want to show on page load. &nbsp; Toggle Content Prefix Color &#8211; Enter Toggle Content Here. &nbsp; Button Type &#8211; Here Choose the Type Button. Alignment &#8211; Here you can choose button alignment(Left\/Right\/Center) Size [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2713,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2707","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shortcode"],"_links":{"self":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/comments?post=2707"}],"version-history":[{"count":3,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2707\/revisions"}],"predecessor-version":[{"id":12095,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2707\/revisions\/12095"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/2713"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=2707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=2707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=2707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}