{"id":2736,"date":"2021-03-27T07:21:49","date_gmt":"2021-03-27T07:21:49","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/2021\/03\/27\/popover-copy\/"},"modified":"2025-04-17T07:18:04","modified_gmt":"2025-04-17T07:18:04","slug":"offcanvas","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/offcanvas\/","title":{"rendered":"Offcanvas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2736\" class=\"elementor elementor-2736\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6afb786 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6afb786\" 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-4a10fb9\" data-id=\"4a10fb9\" 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-2c35411 elementor-widget elementor-widget-text-editor\" data-id=\"2c35411\" 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 used to display popover while click on Text, Icon , Image etc..\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-3bf5fe9 elementor-widget elementor-widget-video\" data-id=\"3bf5fe9\" 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\/offcanvas-1.webm\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/docs.zozothemes.com\/wp-content\/uploads\/2021\/03\/screen-11.jpg\"><\/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<div class=\"elementor-element elementor-element-6a55c2e elementor-widget elementor-widget-text-editor\" data-id=\"6a55c2e\" 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\tPick any one from the following options <strong> Icon\/Image\/Button\/Text <\/strong>as per your need.\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-acf339b elementor-widget elementor-widget-image\" data-id=\"acf339b\" 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=\"1326\" height=\"630\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-1.gif\" class=\"attachment-full size-full wp-image-10201\" alt=\"\" \/>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a4a7ad8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4a7ad8\" 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-2bc058b\" data-id=\"2bc058b\" 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-0437acd elementor-widget elementor-widget-image\" data-id=\"0437acd\" 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=\"543\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-1-1.jpeg\" class=\"attachment-full size-full wp-image-2738\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-1-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-1-1-155x300.jpeg 155w\" 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-6330453\" data-id=\"6330453\" 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-ce7999b elementor-widget elementor-widget-image\" data-id=\"ce7999b\" 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=\"197\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/popover-2-1.jpeg\" class=\"attachment-full size-full wp-image-2381\" alt=\"\" \/>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7c029d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c029d2\" 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-b7d8fac\" data-id=\"b7d8fac\" 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-5356350 elementor-widget elementor-widget-image\" data-id=\"5356350\" 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=\"337\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-3-1.jpeg\" class=\"attachment-full size-full wp-image-2741\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-3-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-3-1-249x300.jpeg 249w\" 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-51bc1ec\" data-id=\"51bc1ec\" 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-f8ed8a7 elementor-widget elementor-widget-image\" data-id=\"f8ed8a7\" 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=\"151\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/popover-5-1.jpeg\" class=\"attachment-full size-full wp-image-2384\" alt=\"\" \/>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f120033 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f120033\" 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-ef5d03a\" data-id=\"ef5d03a\" 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-4dcc88a elementor-widget elementor-widget-image\" data-id=\"4dcc88a\" 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=\"276\" height=\"497\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-1.jpeg\" class=\"attachment-full size-full wp-image-12160\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-1.jpeg 276w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-1-167x300.jpeg 167w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/>\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-1b46e22 elementor-widget elementor-widget-image\" data-id=\"1b46e22\" 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=\"273\" height=\"347\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-4.jpeg\" class=\"attachment-full size-full wp-image-12163\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-4.jpeg 273w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-4-236x300.jpeg 236w\" sizes=\"(max-width: 273px) 100vw, 273px\" \/>\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-f6784c1 elementor-widget elementor-widget-image\" data-id=\"f6784c1\" 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=\"274\" height=\"255\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-5.jpeg\" class=\"attachment-full size-full wp-image-12164\" alt=\"\" \/>\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-a83185c elementor-widget elementor-widget-image\" data-id=\"a83185c\" 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=\"273\" height=\"217\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-7.jpeg\" class=\"attachment-full size-full wp-image-12166\" alt=\"\" \/>\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-1ca9bd7\" data-id=\"1ca9bd7\" 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-e973917 elementor-widget elementor-widget-image\" data-id=\"e973917\" 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=\"275\" height=\"450\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-2.jpeg\" class=\"attachment-full size-full wp-image-12161\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-2.jpeg 275w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-2-183x300.jpeg 183w\" sizes=\"(max-width: 275px) 100vw, 275px\" \/>\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-f080290 elementor-widget elementor-widget-image\" data-id=\"f080290\" 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=\"276\" height=\"508\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-3.jpeg\" class=\"attachment-full size-full wp-image-12162\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-3.jpeg 276w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-3-163x300.jpeg 163w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/>\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-adfe67e elementor-widget elementor-widget-image\" data-id=\"adfe67e\" 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=\"276\" height=\"212\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/advanced-6.jpeg\" class=\"attachment-full size-full wp-image-12165\" alt=\"\" \/>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-790d37a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"790d37a\" 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-inner-column elementor-element elementor-element-615b331\" data-id=\"615b331\" 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-7771393 elementor-widget elementor-widget-text-editor\" data-id=\"7771393\" 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>Content<\/h4><h5 style=\"text-decoration: underline;\">General<\/h5><ul><li><strong>Popover Trigger Type<\/strong> &#8211; Here you can choose Popover Trigger Type(Icon\/Button\/Image\/Text).<\/li><li><strong>Offcanvas Animation<\/strong> &#8211; Here you can choose Offcanvas Animation Style.<\/li><li><strong>Offcanvas Type<\/strong> &#8211; Here you can choose Offcanvas Type(Text Content\/HTML Element). If you want Text Content then add Content in Offcanvas Content area.<\/li><li><strong>Element ID<\/strong> &#8211; If Your Offcanvas Type is HTML Element then you can add HTML Element ID here.<\/li><\/ul><h5 style=\"text-decoration: underline;\">Icon<\/h5><ul><li><strong>Icon<\/strong> &#8211; Here Choose the Required Icon.<\/li><\/ul><h5 style=\"text-decoration: underline;\">Button<\/h5><ul><li><strong>Type<\/strong> &#8211; Here Choose the Type Button.<\/li><li><strong>Text<\/strong> &#8211; Here you can Enter Text for the Button.<\/li><li><strong>Size<\/strong> &#8211; Here you can choose button Size(Small\/Medium\/Large\/Extra Small\/Extra Large)<\/li><li><strong>Icon<\/strong> &#8211; Here you can choose Required Icon.<\/li><li><strong>Icon Spacing<\/strong> &#8211; This is option for giving space to Icon.<\/li><li><strong>Button ID<\/strong> &#8211; Here you can add Unique Button Id.<\/li><\/ul><h5 style=\"text-decoration: underline;\">Image<\/h5><ul><li><strong>Popover Trigger Image<\/strong> &#8211; Here Choose Offcanvas Trigger Image .<\/li><\/ul><h5 style=\"text-decoration: underline;\">Text<\/h5><ul><li><strong>Popover Text<\/strong>&#8211; Here you can add Popover Text.<\/li><\/ul><h4>\u00a0<\/h4><h4>Style<\/h4><h5 style=\"text-decoration: underline;\">General<\/h5><ul><li><strong>Offcanvas Font Color<\/strong> &#8211; Here you can set Offcanvas Font Color.<\/li><li><strong>Link Color<\/strong> &#8211; Here you can add Link Color.<\/li><li><strong>Link Hover Color<\/strong> &#8211; Here you can add Link Hover Color.<\/li><li><strong>Offcanvas Background Color<\/strong> &#8211; Here you can add Offcanvas Background Color.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Trigger Text<\/h5><ul><li><strong>Color<\/strong> &#8211; Here you can add Popover Text Color.<\/li><li><strong>Typography<\/strong> &#8211; Here you can choose Text font family, size, weight etc..<\/li><\/ul>\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-179115b elementor-widget elementor-widget-text-editor\" data-id=\"179115b\" 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>Advanced<\/h4><p>This settings will apply for the whole section.<\/p><h5 style=\"text-decoration: underline;\">Layout<\/h5><ul><li><strong>Margin<\/strong> &#8211; Here you set margin value for the section.<\/li><li><strong>Padding<\/strong> &#8211; Here you can set padding value for the section.<\/li><li><strong>Width<\/strong> &#8211; Select section&#8217;s width here.<\/li><li><strong>Position<\/strong> &#8211; Here you can section&#8217;s position.<\/li><li><strong>Z-index<\/strong> &#8211; Here you can set Z-index value for the section<\/li><li><strong>Css ID <\/strong>&#8211; Enter the Section&#8217;s Id here.<\/li><li><strong>Css Classes<\/strong> &#8211; Here you add extra css classes.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Motion Effects<\/h5><ul><li>Here you can set Animation for the section.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Transform<\/h5><ul><li>The transform CSS property\u00a0<b>lets you rotate, scale, skew, or translate an element<\/b>. It modifies the coordinate space of the CSS visual formatting model.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Background<\/h5><ul><li>Here you can set Background color, background image for the section.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Border<\/h5><ul><li>Add Border, Border radius, Box shadow for the section here.<\/li><\/ul><h5>\u00a0<\/h5><h5 style=\"text-decoration: underline;\">Mask<\/h5><ul><li style=\"list-style-type: none;\"><ul><li>This option allows you to set mask for the the section. here you can set mask shape, size and position.<\/li><li>\u00a0<\/li><\/ul><\/li><\/ul><h5 style=\"text-decoration: underline;\">Responsive<\/h5><ul><li style=\"list-style-type: none;\"><ul><li>Here you Hide the specific section on Desktop \/ Tablet \/ Mobile.<\/li><\/ul><\/li><\/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\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 used to display popover while click on Text, Icon , Image etc..https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/offcanvas-1.webmPick any one from the following options Icon\/Image\/Button\/Text as per your need. ContentGeneralPopover Trigger Type &#8211; Here you can choose Popover Trigger Type(Icon\/Button\/Image\/Text).Offcanvas Animation &#8211; Here you can choose Offcanvas Animation Style.Offcanvas Type &#8211; Here you can choose Offcanvas Type(Text Content\/HTML Element). [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2736","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\/2736","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=2736"}],"version-history":[{"count":33,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2736\/revisions"}],"predecessor-version":[{"id":12259,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2736\/revisions\/12259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/9347"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=2736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=2736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=2736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}