{"id":757,"date":"2022-09-17T11:41:09","date_gmt":"2022-09-17T11:41:09","guid":{"rendered":"https:\/\/modernaweb.net\/black-widgets\/?page_id=757"},"modified":"2023-12-02T02:42:33","modified_gmt":"2023-12-02T02:42:33","slug":"whats-new","status":"publish","type":"page","link":"https:\/\/modernaweb.net\/black-widgets\/support\/whats-new\/","title":{"rendered":"What&#8217;s New"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"757\" class=\"elementor elementor-757\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8085787 mws-parallax e-flex e-con-boxed e-con e-parent\" data-id=\"8085787\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f336f7 elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"5f336f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 center  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd1abb\"><h1 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">What's New<\/h1><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd1af9\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd1af9\");\n                             var host = $(\"#bw_6aebfc3cd1abb em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd1abb\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd1abb .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd1abb resize.bwShapebw_6aebfc3cd1abb\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5c6a47 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e5c6a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">We've added three new widgets: Black Sentence, Black Scroll Trigger, and Black Horizontal.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d69ac8 e-flex e-con-boxed e-con e-parent\" data-id=\"2d69ac8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b1e98b elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"4b1e98b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 center  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd2d92\"><h2 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">Here Are All The Recent Changes<\/h2><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd2dd2\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd2dd2\");\n                             var host = $(\"#bw_6aebfc3cd2d92 em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd2d92\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd2d92 .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd2d92 resize.bwShapebw_6aebfc3cd2d92\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-274bcc8 e-flex e-con-boxed e-con e-child\" data-id=\"274bcc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dfff1f6 e-flex e-con-boxed e-con e-child\" data-id=\"dfff1f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab5d98a elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"ab5d98a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 left  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd3209\"><h3 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">New Widget <br \/> \u2014 Black Sentence<\/h3><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd3243\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd3243\");\n                             var host = $(\"#bw_6aebfc3cd3209 em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd3209\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd3209 .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd3209 resize.bwShapebw_6aebfc3cd3209\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdb2a3 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6cdb2a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Easily create stunning hero sections for your website with Black Widgets. Choose from pre-made templates and widgets to design a visually appealing and informative hero section. Simply add the Hero Section widget, select a template, and add your content and widgets.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e86477 elementor-invisible elementor-widget elementor-widget-b_button\" data-id=\"7e86477\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bw-button-wrapper\"><div class=\"bw-button-box custom     \"><a href=\"https:\/\/wordpress.org\/plugins\/black-widgets\/#developers\" target=\"_blank\" class=\"bw-btn bw-custom-btn\" rel=\"noopener\">Changelog<\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbf9f1d e-flex e-con-boxed e-con e-child\" data-id=\"fbf9f1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0b419 mws-bw-rote-img-x elementor-widget elementor-widget-b_image\" data-id=\"4f0b419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"b_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> <\/style><div class=\"bw-image\" style=\"text-align: center;\"><div class=\"bw-img-type  bw-cursor-default\" id=\"bw_6aebfc3cd3c4f\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001.jpg\" class=\"bw-img-tag bw-cursor-default attachment-full size-full wp-image-722\" alt=\"\" srcset=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001.jpg 1280w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001-300x300.jpg 300w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001-1024x1024.jpg 1024w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001-150x150.jpg 150w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2022\/09\/black-widgets-ideas-001-768x768.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/div><\/div><script>\n                  \t(function (run) {\n                  \tif (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); }\n                  \t})(function bwRun() {\n                        if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") { if (!bwRun.bwRetried) { bwRun.bwRetried = true; window.addEventListener(\"load\", bwRun); } return; }\n                        var triggerEl = document.getElementById(\"bw_6aebfc3cd3c4f\");\n                        if (!triggerEl) { return; }\n                  \t\tgsap.registerPlugin(ScrollTrigger);\n                  \t\tScrollTrigger.config({ limitCallbacks: true });\n                  \n                  \t\tconst tl = gsap.timeline({\n                  \t\t\tscrollTrigger: {\n                  \t\t\t\ttrigger: triggerEl,\n                  \t\t\t\tstart: \"center bottom\", \n                  \t\t\t\tend: \"center top\",\n                  \t\t\t\tscrub: true\n                  \t\t\t}\n                  \t\t});\n                  \n                  \t\ttl.from(\"#bw_6aebfc3cd3c4f\", {rotation: \"7deg\",duration: 0.4});\n                  \t\ttl.to(\"#bw_6aebfc3cd3c4f\", {rotation: \"0deg\",duration: 0.4});\n                  \t});\n                  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13c1a94 e-flex e-con-boxed e-con e-child\" data-id=\"13c1a94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9dd3ab8 e-flex e-con-boxed e-con e-child\" data-id=\"9dd3ab8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa57264 mws-bw-rote-img-x elementor-widget elementor-widget-b_image\" data-id=\"aa57264\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"b_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> <\/style><div class=\"bw-image\" style=\"text-align: center;\"><div class=\"bw-img-type  bw-cursor-default\" id=\"bw_6aebfc3cd43c6\"><img decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001.jpg\" class=\"bw-img-tag bw-cursor-default attachment-full size-full wp-image-3657\" alt=\"\" srcset=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001.jpg 1280w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-300x300.jpg 300w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-1024x1024.jpg 1024w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-150x150.jpg 150w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-768x768.jpg 768w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-500x500.jpg 500w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/bw-gsap-animation-img-001-1000x1000.jpg 1000w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/div><\/div><script>\n                  \t(function (run) {\n                  \tif (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); }\n                  \t})(function bwRun() {\n                        if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") { if (!bwRun.bwRetried) { bwRun.bwRetried = true; window.addEventListener(\"load\", bwRun); } return; }\n                        var triggerEl = document.getElementById(\"bw_6aebfc3cd43c6\");\n                        if (!triggerEl) { return; }\n                  \t\tgsap.registerPlugin(ScrollTrigger);\n                  \t\tScrollTrigger.config({ limitCallbacks: true });\n                  \n                  \t\tconst tl = gsap.timeline({\n                  \t\t\tscrollTrigger: {\n                  \t\t\t\ttrigger: triggerEl,\n                  \t\t\t\tstart: \"center bottom\", \n                  \t\t\t\tend: \"center top\",\n                  \t\t\t\tscrub: true\n                  \t\t\t}\n                  \t\t});\n                  \n                  \t\ttl.from(\"#bw_6aebfc3cd43c6\", {rotation: \"-7deg\",duration: 0.4});\n                  \t\ttl.to(\"#bw_6aebfc3cd43c6\", {rotation: \"0deg\",duration: 0.4});\n                  \t});\n                  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4734b4e e-flex e-con-boxed e-con e-child\" data-id=\"4734b4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29ed718 elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"29ed718\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 left  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd4c35\"><h3 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">Tweak <br \/> \u2014 GSAP Settings<\/h3><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd4c71\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd4c71\");\n                             var host = $(\"#bw_6aebfc3cd4c35 em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd4c35\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd4c35 .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd4c35 resize.bwShapebw_6aebfc3cd4c35\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f3628c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0f3628c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Black Widgets offers various typography options to create the perfect look for your website. Add the Typography widget to your page, choose from pre-made styles or design your own. Customize settings and add your own text.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b07495 elementor-invisible elementor-widget elementor-widget-b_button\" data-id=\"8b07495\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bw-button-wrapper\"><div class=\"bw-button-box custom     \"><a href=\"https:\/\/wordpress.org\/plugins\/black-widgets\/#developers\" target=\"_blank\" class=\"bw-btn bw-custom-btn\" rel=\"noopener\">Changelog<\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f7e3bb e-flex e-con-boxed e-con e-child\" data-id=\"5f7e3bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-774cb54 e-flex e-con-boxed e-con e-child\" data-id=\"774cb54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-415d84d elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"415d84d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 left  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd5862\"><h3 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">Improved<br \/> \u2014 UI Design<\/h3><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd589e\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd589e\");\n                             var host = $(\"#bw_6aebfc3cd5862 em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd5862\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd5862 .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd5862 resize.bwShapebw_6aebfc3cd5862\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60ba8aa elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"60ba8aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Black Widgets offers call-to-action buttons to help you encourage website visitors to take action. You can choose from various button styles, colors, and text. You can also adjust size and alignment. Add the Black Widgets Call To Action button, select from pre-made buttons or create your own. Customize button text and link. Modify button settings as required.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47fe14c elementor-invisible elementor-widget elementor-widget-b_button\" data-id=\"47fe14c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bw-button-wrapper\"><div class=\"bw-button-box custom     \"><a href=\"https:\/\/wordpress.org\/plugins\/black-widgets\/#developers\" target=\"_blank\" class=\"bw-btn bw-custom-btn\" rel=\"noopener\">Changelog<\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5f3d18 e-flex e-con-boxed e-con e-child\" data-id=\"e5f3d18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb625f elementor-widget elementor-widget-b_image\" data-id=\"5bb625f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"b_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> <\/style><div class=\"bw-image\" style=\"text-align: center;\"><div class=\"bw-img-type  bw-cursor-default\" id=\"bw_6aebfc3cd6248\"><img decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004.jpg\" class=\"bw-img-tag bw-cursor-default attachment-full size-full wp-image-3639\" alt=\"\" srcset=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004.jpg 1280w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-300x300.jpg 300w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-1024x1024.jpg 1024w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-150x150.jpg 150w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-768x768.jpg 768w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-500x500.jpg 500w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-004-1000x1000.jpg 1000w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/div><\/div><script>\n                  \t(function (run) {\n                  \tif (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); }\n                  \t})(function bwRun() {\n                        if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") { if (!bwRun.bwRetried) { bwRun.bwRetried = true; window.addEventListener(\"load\", bwRun); } return; }\n                        var triggerEl = document.getElementById(\"bw_6aebfc3cd6248\");\n                        if (!triggerEl) { return; }\n                  \t\tgsap.registerPlugin(ScrollTrigger);\n                  \t\tScrollTrigger.config({ limitCallbacks: true });\n                  \n                  \t\tconst tl = gsap.timeline({\n                  \t\t\tscrollTrigger: {\n                  \t\t\t\ttrigger: triggerEl,\n                  \t\t\t\tstart: \"center bottom\", \n                  \t\t\t\tend: \"center top\",\n                  \t\t\t\tscrub: true\n                  \t\t\t}\n                  \t\t});\n                  \n                  \t\ttl.from(\"#bw_6aebfc3cd6248\", {rotation: \"7deg\",duration: 0.4});\n                  \t\ttl.to(\"#bw_6aebfc3cd6248\", {rotation: \"0deg\",duration: 0.4});\n                  \t});\n                  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed4b92a e-flex e-con-boxed e-con e-child\" data-id=\"ed4b92a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bdd4121 e-flex e-con-boxed e-con e-child\" data-id=\"bdd4121\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f501594 mws-bw-rote-img-x elementor-widget elementor-widget-b_image\" data-id=\"f501594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"b_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> <\/style><div class=\"bw-image\" style=\"text-align: center;\"><div class=\"bw-img-type  bw-cursor-default\" id=\"bw_6aebfc3cd6ae6\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001.jpg\" class=\"bw-img-tag bw-cursor-default attachment-full size-full wp-image-3636\" alt=\"\" srcset=\"https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001.jpg 1280w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-300x300.jpg 300w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-1024x1024.jpg 1024w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-150x150.jpg 150w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-768x768.jpg 768w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-500x500.jpg 500w, https:\/\/modernaweb.net\/black-widgets\/wp-content\/uploads\/2023\/10\/elementor-builder-tools-img-001-1000x1000.jpg 1000w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/div><\/div><script>\n                  \t(function (run) {\n                  \tif (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); }\n                  \t})(function bwRun() {\n                        if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") { if (!bwRun.bwRetried) { bwRun.bwRetried = true; window.addEventListener(\"load\", bwRun); } return; }\n                        var triggerEl = document.getElementById(\"bw_6aebfc3cd6ae6\");\n                        if (!triggerEl) { return; }\n                  \t\tgsap.registerPlugin(ScrollTrigger);\n                  \t\tScrollTrigger.config({ limitCallbacks: true });\n                  \n                  \t\tconst tl = gsap.timeline({\n                  \t\t\tscrollTrigger: {\n                  \t\t\t\ttrigger: triggerEl,\n                  \t\t\t\tstart: \"center bottom\", \n                  \t\t\t\tend: \"center top\",\n                  \t\t\t\tscrub: true\n                  \t\t\t}\n                  \t\t});\n                  \n                  \t\ttl.from(\"#bw_6aebfc3cd6ae6\", {rotation: \"-7deg\",duration: 0.4});\n                  \t\ttl.to(\"#bw_6aebfc3cd6ae6\", {rotation: \"0deg\",duration: 0.4});\n                  \t});\n                  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4b4491 e-flex e-con-boxed e-con e-child\" data-id=\"c4b4491\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-320a380 elementor-invisible elementor-widget elementor-widget-b_typography\" data-id=\"320a380\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_typography.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>  <\/style><div class=\"bw-typograpgy bw-t-1 left  \"><div class=\"bw-typograpgy-wrap\" id=\"bw_6aebfc3cd72fc\"><h3 class=\"bw-typograpgy-main-title bw-  bw-typography-this-title\">Compatibility<br \/> \u2014 WordPress &amp; Elementor<\/h3><\/div><\/div><div class=\"bw-code-em\" id=\"second_bw_6aebfc3cd733a\"><\/div><script>\n                         jQuery(function($) {\n                             var shapeEl = $(\"#second_bw_6aebfc3cd733a\");\n                             var host = $(\"#bw_6aebfc3cd72fc em\");\n                             if (shapeEl.length && host.length) {\n                                 shapeEl.appendTo(host);\n                             }\n                             var target = document.querySelector(\"#bw_6aebfc3cd72fc\");\n                             if (!target) { return; }\n                             var markRun = function(inView) {\n                                 $(\"#bw_6aebfc3cd72fc .bw-code-em\").toggleClass(\"run\", !!inView);\n                             };\n                             if (\"IntersectionObserver\" in window) {\n                                 var io = new IntersectionObserver(function(entries) {\n                                     entries.forEach(function(entry) {\n                                         markRun(entry.isIntersecting);\n                                     });\n                                 }, { threshold: 0.15, rootMargin: \"0px 0px -10% 0px\" });\n                                 io.observe(target);\n                             } else {\n                                 var check = function() {\n                                     var rect = target.getBoundingClientRect();\n                                     markRun(rect.top < window.innerHeight && rect.bottom > 0);\n                                 };\n                                 check();\n                                 $(window).on(\"scroll.bwShapebw_6aebfc3cd72fc resize.bwShapebw_6aebfc3cd72fc\", check);\n                             }\n                        });\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-811d08e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"811d08e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Black Widgets provides various trigger options to create interactive websites. Add the Black Widgets Trigger widget to your page to choose from pre-made options or design a custom trigger. Then, add the widgets you want to be triggered. The possibilities are endless!\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb5caab elementor-invisible elementor-widget elementor-widget-b_button\" data-id=\"eb5caab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"b_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bw-button-wrapper\"><div class=\"bw-button-box custom     \"><a href=\"https:\/\/wordpress.org\/plugins\/black-widgets\/#developers\" target=\"_blank\" class=\"bw-btn bw-custom-btn\" rel=\"noopener\">Changelog<\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What&#8217;s New We&#8217;ve added three new widgets: Black Sentence, Black Scroll Trigger, and Black Horizontal. Here Are All The Recent Changes New Widget \u2014 Black Sentence Easily create stunning hero sections for your website with Black Widgets. Choose from pre-made templates and widgets to design a visually appealing and informative hero section. Simply add the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":771,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-757","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/pages\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/comments?post=757"}],"version-history":[{"count":0,"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/pages\/757\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/pages\/771"}],"wp:attachment":[{"href":"https:\/\/modernaweb.net\/black-widgets\/wp-json\/wp\/v2\/media?parent=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}