{"id":57074,"date":"2020-09-24T16:29:58","date_gmt":"2020-09-24T10:29:58","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=57074"},"modified":"2020-12-22T09:53:46","modified_gmt":"2020-12-22T03:53:46","slug":"fixed-example","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/notification\/fixed-example\/","title":{"rendered":"Fixed Example"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57074\" class=\"elementor elementor-57074\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f8362e elementor-section-full_width elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"7f8362e\" 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-2c52fa4\" data-id=\"2c52fa4\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9f13941 elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"9f13941\" 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-ad6eff5\" data-id=\"ad6eff5\" 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-4b230d7 elementor-widget elementor-widget-bdt-notification\" data-id=\"4b230d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-notification.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-notification-wrapper\" data-settings=\"{&quot;id&quot;:&quot;bdt-notify-4b230d7&quot;,&quot;notifyType&quot;:&quot;fixed&quot;,&quot;notifyTimeout&quot;:&quot;&quot;,&quot;notifyEvent&quot;:&quot;onload&quot;,&quot;notifyInDelay&quot;:500,&quot;notifySelector&quot;:&quot;none&quot;,&quot;msg&quot;:&quot;&lt;p&gt;&lt;strong&gt;Hey Guys,&lt;\\\/strong&gt; In this item, we have shown the &lt;strong&gt;notification type &#8216;fixed&#8217;&lt;\\\/strong&gt; and\\u00a0 &lt;strong&gt;Position &#8216;Static&#8217;&lt;\\\/strong&gt; example. If you want you can use this\\u00a0&lt;strong&gt;Notification Widget&lt;\\\/strong&gt;\\u00a0on your site&lt;\\\/p&gt;&quot;,&quot;notifyPosition&quot;:null,&quot;notifyFixPosition&quot;:&quot;static&quot;,&quot;notifyStatus&quot;:null,&quot;displayTimes&quot;:false,&quot;displayTimesExpire&quot;:12,&quot;externalSystem&quot;:&quot;no&quot;,&quot;externalSystemValid&quot;:false,&quot;linkWithConfetti&quot;:false}\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"bdt-notify-4b230d7\" class=\"bdt-notify-wrapper bdt-hidden bdt-alert-success bdt-alert  \t\t\t\t\tbdt-position-static\t\t\t\t\tbdt-margin-remove-bottom bdt-margin-remove-top bdt-animation-fade\" data-bdt-alert=\"\">\n\t\t\t\t\t<div class=\"bdt-notify-wrapper-container\">\n\t\t\t\t\t\t<a class=\"bdt-alert-close\" data-bdt-close><\/a>\n\t\t\t\t\t\t<p><strong>Hey Guys,<\/strong> In this item, we have shown the <strong>notification type &#8216;fixed&#8217;<\/strong> and\u00a0 <strong>Position &#8216;Static&#8217;<\/strong> example. If you want you can use this\u00a0<strong>Notification Widget<\/strong>\u00a0on your site<\/p>\t\t\t\t\t<\/div>\n\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\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-534936f elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"534936f\" 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-f07208a\" data-id=\"f07208a\" 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-c046fec elementor-widget elementor-widget-bdt-notification\" data-id=\"c046fec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-notification.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-notification-wrapper\" data-settings=\"{&quot;id&quot;:&quot;bdt-notify-c046fec&quot;,&quot;notifyType&quot;:&quot;fixed&quot;,&quot;notifyTimeout&quot;:&quot;&quot;,&quot;notifyEvent&quot;:&quot;click&quot;,&quot;notifyInDelay&quot;:500,&quot;notifySelector&quot;:&quot;#test&quot;,&quot;msg&quot;:&quot;&lt;p&gt;&lt;strong&gt;Heads up!&lt;\\\/strong&gt; In this item, we have shown the &lt;strong&gt;notification Event &#8216;Onclick&#8217;&lt;\\\/strong&gt; example. If you want you can use this &lt;strong&gt;Notification Widget&lt;\\\/strong&gt; on your site.&lt;\\\/p&gt;&quot;,&quot;notifyPosition&quot;:null,&quot;notifyFixPosition&quot;:&quot;relative&quot;,&quot;notifyStatus&quot;:null,&quot;displayTimes&quot;:false,&quot;displayTimesExpire&quot;:12,&quot;externalSystem&quot;:&quot;no&quot;,&quot;externalSystemValid&quot;:false,&quot;linkWithConfetti&quot;:false}\">\n\t\t\t\t\t\t\t<div id=\"bdt-notify-c046fec\" class=\"bdt-notify-wrapper\n\t\t\t\t\tbdt-notify-inline bdt-hidden bdt-alert-success\" data-bdt-alert>\n\t\t\t\t\t<div class=\"bdt-notify-wrapper-container\">\n\t\t\t\t\t\t<a class=\"bdt-alert-close\" data-bdt-close><\/a>\n\t\t\t\t\t\t<p><strong>Heads up!<\/strong> In this item, we have shown the <strong>notification Event &#8216;Onclick&#8217;<\/strong> example. If you want you can use this <strong>Notification Widget<\/strong> on your site.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98d8b5a elementor-align-center elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"98d8b5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"javascript:void(0);\" class=\"bdt-ep-button bdt-ep-button-effect-d bdt-ep-button-size-md\" id=\"test\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Click Me\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tClick Me\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\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-9119aae elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"9119aae\" 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-e7f0c1b\" data-id=\"e7f0c1b\" 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-170b6cc elementor-widget elementor-widget-bdt-notification\" data-id=\"170b6cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-notification.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-notification-wrapper\" data-settings=\"{&quot;id&quot;:&quot;bdt-notify-170b6cc&quot;,&quot;notifyType&quot;:&quot;fixed&quot;,&quot;notifyTimeout&quot;:&quot;&quot;,&quot;notifyEvent&quot;:&quot;mouseover&quot;,&quot;notifyInDelay&quot;:500,&quot;notifySelector&quot;:&quot;#onhover&quot;,&quot;msg&quot;:&quot;&lt;p&gt;&lt;strong&gt;Oh, snap!&lt;\\\/strong&gt; In this item, we have shown the &lt;strong&gt;notification Event &#8216;Onhover&#8217;&lt;\\\/strong&gt; example. If you want you can use this &lt;strong&gt;Notification Widget&lt;\\\/strong&gt; on your site.&lt;\\\/p&gt;&quot;,&quot;notifyPosition&quot;:null,&quot;notifyFixPosition&quot;:&quot;relative&quot;,&quot;notifyStatus&quot;:null,&quot;displayTimes&quot;:false,&quot;displayTimesExpire&quot;:12,&quot;externalSystem&quot;:&quot;no&quot;,&quot;externalSystemValid&quot;:false,&quot;linkWithConfetti&quot;:false}\">\n\t\t\t\t\t\t\t<div id=\"bdt-notify-170b6cc\" class=\"bdt-notify-wrapper\n\t\t\t\t\tbdt-notify-inline bdt-hidden bdt-alert-success\" data-bdt-alert>\n\t\t\t\t\t<div class=\"bdt-notify-wrapper-container\">\n\t\t\t\t\t\t<a class=\"bdt-alert-close\" data-bdt-close><\/a>\n\t\t\t\t\t\t<p><strong>Oh, snap!<\/strong> In this item, we have shown the <strong>notification Event &#8216;Onhover&#8217;<\/strong> example. If you want you can use this <strong>Notification Widget<\/strong> on your site.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-621aa66 elementor-align-center elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"621aa66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"javascript:void(0);\" class=\"bdt-ep-button bdt-ep-button-effect-d bdt-ep-button-size-md\" id=\"onhover\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Hover Me\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tHover Me\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\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>Hey Guys, In this item, we have shown the notification type &#8216;fixed&#8217; and\u00a0 Position &#8216;Static&#8217; example. If you want you can use this\u00a0Notification Widget\u00a0on your site Heads up! In this item, we have shown the notification Event &#8216;Onclick&#8217; example. If you want you can use this Notification Widget on your site. Click Me Oh, snap! In this item, we have shown the notification Event &#8216;Onhover&#8217; example. If you want you can use this Notification Widget on your site. Hover Me<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":56881,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-57074","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/57074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=57074"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/57074\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/56881"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=57074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}