{"id":6,"date":"2022-04-22T04:09:37","date_gmt":"2022-04-22T04:09:37","guid":{"rendered":"https:\/\/demo.gutentor.com\/gutentor-pro\/?page_id=6"},"modified":"2022-04-22T09:08:32","modified_gmt":"2022-04-22T09:08:32","slug":"popover","status":"publish","type":"page","link":"https:\/\/demo.gutentor.com\/gutentor-pro\/","title":{"rendered":"Popover"},"content":{"rendered":"\n<section id=\"gm6215d57\" class=\"wp-block-gutentor-m3 section-gm6215d57 gutentor-module gutentor-container-cover has-image-bg has-custom-bg has-gutentor-overlay has-gutentor-block-shape-bottom\"><div class=\"grid-container\">\n<div id=\"section-gb8e657\" class=\"wp-block-gutentor-e1 section-gb8e657 gutentor-element gutentor-element-advanced-text enable-title-design text-align-center-mobile\"><div class=\"gutentor-text-wrap divider-bottom\"><h2 class=\"gutentor-text\">Pro Module &#8211; Popover Demo<\/h2><div class=\"gutentor-separator gutentor-separator-after border-solid\"><\/div><\/div><\/div>\n<\/div><div class=\"gutentor-block-shape-bottom\"><span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 84.94\" preserveAspectRatio=\"none\"><path d=\"M0,0V72.94c14.46,5.89,32.38,10.5,54.52.26,110.25-51,120.51,23.71,192.6-4.3,144.73-56.23,154.37,49.44,246.71,4.64C637,4.05,622.19,124.16,757.29,66.21c93-39.91,108.38,54.92,242.71-8.25V0Z\" style=\"fill-rule:evenodd;opacity:0.33\"><\/path><path d=\"M0,0V52.83c131.11,59.9,147-32.91,239.24,6.65,135.09,58,120.24-62.16,263.46,7.34,92.33,44.8,102-60.88,246.71-4.64,72.1,28,82.35-46.71,192.6,4.3,23.95,11.08,43,4.78,58-1.72V0Z\" style=\"fill-rule:evenodd;opacity:0.66\"><\/path><path d=\"M0,0V24.26c15.6,6.95,35.77,15.41,61.78,3.38,110.25-51,120.51,23.71,192.6-4.3C399.11-32.89,408.75,72.79,501.08,28,644.3-41.51,629.45,78.6,764.54,20.65,855.87-18.53,872.34,72.12,1000,15.7V0Z\" style=\"fill-rule:evenodd\"><\/path><\/svg><\/span><\/div><\/section>\n\n\n\n<section id=\"gmdb5dbed\" class=\"wp-block-gutentor-m3 section-gmdb5dbed gutentor-module gutentor-container-cover has-color-bg has-custom-bg\"><div class=\"grid-container\">\n<div id=\"section-g89e866\" class=\"wp-block-gutentor-e1 section-g89e866 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><h2 class=\"gutentor-text\"> Popover : Template 1 &#8211; Top Direction<\/h2><\/div><\/div>\n\n\n\n<div id=\"section-gad43c7\" class=\"wp-block-gutentor-e1 section-gad43c7 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">You can use more directions like <mark style=\"background-color:rgba(0, 0, 0, 0);color:#f48132\" class=\"has-inline-color\">Bottom, Left &amp; Right<\/mark><\/p><\/div><\/div>\n\n\n\n<div id=\"section-g9e6037\" class=\"wp-block-gutentor-m15 section-g9e6037 gutentor-module g-m-popover g-pos-r-desktop g-pos-r-tablet g-pos-r-mobile g-popover-t g-po-e-click\">\n<div class=\"wp-block-gutentor-m16 section-gm0c9f1d3 gutentor-module g-wrapper-block g-m-popover-normal\">\n<div id=\"section-g3fa18a\" class=\"wp-block-gutentor-e2 section-g3fa18a gutentor-element gutentor-element-button button-align-center-mobile\"><span class=\"gutentor-button-wrap\"><a class=\"gutentor-button gutentor-block-button gutentor-icon-hide\" href=\"#\"><i class=\"gutentor-button-icon fas fa-book\"><\/i><span>Popover Top<\/span><\/a><\/span><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-gutentor-m16 section-gm52a7157 gutentor-module g-wrapper-block has-color-bg has-custom-bg g-m-popover-content d-none\">\n<div id=\"section-g45c7f0\" class=\"wp-block-gutentor-e1 section-g45c7f0 gutentor-element gutentor-element-advanced-text\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover content goes here<\/p><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"gme10f362\" class=\"wp-block-gutentor-m3 section-gme10f362 gutentor-module gutentor-container-cover has-color-bg has-custom-bg\"><div class=\"grid-container\">\n<div id=\"section-g2841d1\" class=\"wp-block-gutentor-e1 section-g2841d1 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><h2 class=\"gutentor-text\"> Popover : Template 2 &#8211; Top Direction<\/h2><\/div><\/div>\n\n\n\n<div id=\"section-ga3092b\" class=\"wp-block-gutentor-e1 section-ga3092b gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">You can use more directions like <mark style=\"background-color:rgba(0, 0, 0, 0);color:#f48132\" class=\"has-inline-color\">Bottom, Left &amp; Right<\/mark><\/p><\/div><\/div>\n\n\n\n<div id=\"section-g3238a3\" class=\"wp-block-gutentor-m15 section-g3238a3 gutentor-module g-m-popover g-pos-r-desktop g-pos-r-tablet g-pos-r-mobile g-popover-t g-po-e-click\">\n<div class=\"wp-block-gutentor-m16 section-gm880c281 gutentor-module g-wrapper-block g-m-popover-normal\">\n<div id=\"section-gd42925\" class=\"wp-block-gutentor-e1 section-gd42925 gutentor-element gutentor-element-advanced-text text-align-center-mobile\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover Top<\/p><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-gutentor-m16 section-gm681d7c1 gutentor-module g-wrapper-block has-color-bg has-custom-bg g-m-popover-content d-none\">\n<div id=\"section-gbcbe23\" class=\"wp-block-gutentor-e1 section-gbcbe23 gutentor-element gutentor-element-advanced-text\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover content goes here<\/p><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"gm5590a02\" class=\"wp-block-gutentor-m3 section-gm5590a02 gutentor-module gutentor-container-cover has-color-bg has-custom-bg\"><div class=\"grid-container\">\n<div id=\"section-g094b80\" class=\"wp-block-gutentor-e1 section-g094b80 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><h2 class=\"gutentor-text\"> Popover : Template 3 &#8211; Top Direction<\/h2><\/div><\/div>\n\n\n\n<div id=\"section-g26ca98\" class=\"wp-block-gutentor-e1 section-g26ca98 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">You can use more directions like <mark style=\"background-color:rgba(0, 0, 0, 0);color:#f48132\" class=\"has-inline-color\">Bottom, Left &amp; Right<\/mark><\/p><\/div><\/div>\n\n\n\n<div id=\"section-gead517\" class=\"wp-block-gutentor-m15 section-gead517 gutentor-module g-m-popover g-pos-r-desktop g-pos-r-tablet g-pos-r-mobile g-popover-t g-po-e-click\">\n<div class=\"wp-block-gutentor-m16 section-gm5f93800 gutentor-module g-wrapper-block g-m-popover-normal\">\n<div id=\"section-gc735d5\" class=\"wp-block-gutentor-e5 section-gc735d5 gutentor-element gutentor-element-icon gutentor-icon-default text-align-center-mobile\"><div class=\"gutentor-element-icon-box\"><i class=\"far fa-gem\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-gutentor-m16 section-gma3e4c1a gutentor-module g-wrapper-block has-color-bg has-custom-bg g-m-popover-content d-none\">\n<div id=\"section-gb4a1a3\" class=\"wp-block-gutentor-e1 section-gb4a1a3 gutentor-element gutentor-element-advanced-text\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover content goes here<\/p><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"gmfe66a21\" class=\"wp-block-gutentor-m3 section-gmfe66a21 gutentor-module gutentor-container-cover has-color-bg has-custom-bg\"><div class=\"grid-container\">\n<div id=\"section-gb741b8\" class=\"wp-block-gutentor-e1 section-gb741b8 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><h2 class=\"gutentor-text\"> Popover : Template 4 &#8211; Top Direction<\/h2><\/div><\/div>\n\n\n\n<div id=\"section-g8f712b\" class=\"wp-block-gutentor-e1 section-g8f712b gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">You can use more directions like <mark style=\"background-color:rgba(0, 0, 0, 0);color:#f48132\" class=\"has-inline-color\">Bottom, Left &amp; Right<\/mark><\/p><\/div><\/div>\n\n\n\n<div id=\"section-g281e8e\" class=\"wp-block-gutentor-m15 section-g281e8e gutentor-module g-m-popover g-pos-r-desktop g-pos-r-tablet g-pos-r-mobile g-popover-t g-po-e-click\">\n<div class=\"wp-block-gutentor-m16 section-gm9a243cc gutentor-module g-wrapper-block g-m-popover-normal\">\n<div id=\"section-ga7a803\" class=\"wp-block-gutentor-e6 section-ga7a803 gutentor-element gutentor-element-image gutentor-enabled-width text-align-center-mobile\"><div class=\"gutentor-element-image-box\"><div class=\"gutentor-image-thumb\"><img decoding=\"async\" class=\"normal-image\" src=\"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-content\/uploads\/sites\/4\/2022\/04\/gutentor-512x512-01.png\"\/><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-gutentor-m16 section-gmbe1fd76 gutentor-module g-wrapper-block has-color-bg has-custom-bg g-m-popover-content d-none\">\n<div id=\"section-g856936\" class=\"wp-block-gutentor-e1 section-g856936 gutentor-element gutentor-element-advanced-text\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover content goes here<\/p><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"gm6cb07ca\" class=\"wp-block-gutentor-m3 section-gm6cb07ca gutentor-module gutentor-container-cover has-color-bg has-custom-bg\"><div class=\"grid-container\">\n<div id=\"section-gc09b18\" class=\"wp-block-gutentor-e1 section-gc09b18 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><h2 class=\"gutentor-text\"> Popover : Custom Template  &#8211; Top Direction<\/h2><\/div><\/div>\n\n\n\n<div id=\"section-g9bab07\" class=\"wp-block-gutentor-e1 section-g9bab07 gutentor-element gutentor-element-advanced-text gutentor-adv-text-enabled-width text-align-center-mobile adv-text-c-desktop\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">You can use more directions like <mark style=\"background-color:rgba(0, 0, 0, 0);color:#f48132\" class=\"has-inline-color\">Bottom, Left &amp; Right<\/mark><\/p><\/div><\/div>\n\n\n\n<div id=\"section-g92fa1e\" class=\"wp-block-gutentor-m15 section-g92fa1e gutentor-module g-m-popover g-pos-r-desktop g-pos-r-tablet g-pos-r-mobile g-popover-t g-po-e-click\">\n<div class=\"wp-block-gutentor-m16 section-gm1db6991 gutentor-module g-wrapper-block g-m-popover-normal\">\n<div id=\"section-g1f7b8b\" class=\"wp-block-gutentor-e10 section-g1f7b8b gutentor-element gutentor-element-rating text-align-center-mobile\"><div class=\"gutentor-element-rating-box\"><div class=\"gutentor-element-rating-wrap\"><span class=\"gutentor-rating-marked\"><i class=\"fas fa-star\"><\/i><\/span><span class=\"gutentor-rating-marked\"><i class=\"fas fa-star\"><\/i><\/span><span class=\"gutentor-rating-marked\"><i class=\"fas fa-star\"><\/i><\/span><span class=\"gutentor-rating-unmarked\"><i class=\"far fa-star\"><\/i><\/span><span class=\"gutentor-rating-unmarked\"><i class=\"far fa-star\"><\/i><\/span><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-gutentor-m16 section-gm6286ec2 gutentor-module g-wrapper-block has-color-bg has-custom-bg g-m-popover-content d-none\">\n<div id=\"section-gd09c5b\" class=\"wp-block-gutentor-e6 section-gd09c5b gutentor-element gutentor-element-image gutentor-enabled-width text-align-center-mobile\"><div class=\"gutentor-element-image-box\"><div class=\"gutentor-image-thumb\"><img decoding=\"async\" class=\"normal-image\" src=\"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-content\/uploads\/sites\/4\/2022\/04\/gutentor-512x512-01.png\"\/><\/div><\/div><\/div>\n\n\n\n<div id=\"section-g16287b\" class=\"wp-block-gutentor-e1 section-g16287b gutentor-element gutentor-element-advanced-text text-align-center-mobile\"><div class=\"gutentor-text-wrap\"><p class=\"gutentor-text\">Popover content goes here<\/p><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-gutentor-full-width.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":0,"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.gutentor.com\/gutentor-pro\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}