{"id":11192,"date":"2024-08-23T13:29:38","date_gmt":"2024-08-23T10:29:38","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=video_tutorials&#038;p=11192"},"modified":"2024-08-23T13:30:10","modified_gmt":"2024-08-23T10:30:10","slug":"creating-blurred-header-effect","status":"publish","type":"video_tutorials","link":"https:\/\/creativethemes.com\/blocksy\/video-tutorials\/customization\/creating-blurred-header-effect\/","title":{"rendered":"Creating a Blurred Header Effect"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating a Blurred Header Effect | Customisation Tutorial | Blocksy 2\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/F3Wd3KNcr0c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>With one of the recent Blocksy 2 updates, we introduced a new header design effect &#8211; the ability to apply the CSS backdrop blur filter to one of the header rows. This creates a great effect, letting users still have a sense of place and depth when browsing through your website.<\/p>\n\n\n\n<p>To take advantage of this effect, you need to ensure that you are at least on Blocksy 2.0.62.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With one of the recent Blocksy 2 updates, we introduced a new header design effect &#8211; the ability to apply the CSS backdrop blur filter to one of the header rows. This creates a great effect, letting users still have a sense of place and depth when browsing through your website. To take advantage of [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":11193,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"video_categories":[77],"class_list":["post-11192","video_tutorials","type-video_tutorials","status-publish","has-post-thumbnail","hentry","video_categories-customization"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/11192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/video_tutorials"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=11192"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/11192\/revisions"}],"predecessor-version":[{"id":12790,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/11192\/revisions\/12790"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/11193"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=11192"}],"wp:term":[{"taxonomy":"video_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_categories?post=11192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}