{"id":1450253,"date":"2026-09-29T11:56:56","date_gmt":"2026-09-29T11:56:56","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1450253"},"modified":"2026-09-29T11:56:56","modified_gmt":"2026-09-29T11:56:56","slug":"block-wrapper-overlay-2","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/block-wrapper-overlay-2\/","title":{"rendered":"Block Wrapper Overlay"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-100e8c85 wp-block-group-is-layout-constrained\" style=\"padding-top:100px;padding-right:50px;padding-bottom:100px;padding-left:50px;background-image:linear-gradient(111deg,rgb(255,206,236) 4%,rgb(152,150,240) 100%);\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left has-text-color has-link-color wp-elements-1\" style=\"color:#211c70;font-size:30px\">Stunning Background Overlay<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"font-size:16px\">Enhance your website&#8217;s visual appeal with a clean, modern overlay effect designed for WordPress sites.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-charcoal-1-color has-white-background-color has-text-color has-background has-link-color has-normal-font-size has-custom-font-size wp-element-button\" style=\"border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;font-style:normal;font-weight:400\">Explore More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ1bnNwbGFzaDE4NTMxLWltYWdlLWt3dnlpMmI0LmpwZw.jpg\" alt=\"Birthday\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;aspect-ratio:1;object-fit:cover;object-position:42% 35%\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23096127,"parent":0,"template":"","meta":{"wpop_keywords":"overlay, hero-section, hero-banner, website header","wpop_description":"Block Wrapper Overlay","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[60,13],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1450253","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-images"],"category_slugs":["banner","images"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"className\":\"alignfull has-background\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"100px\",\"bottom\":\"100px\",\"left\":\"50px\",\"right\":\"50px\"}},\"background\":{\"gradient\":\"linear-gradient(111deg,rgb(255,206,236) 4%,rgb(152,150,240) 100%)\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"padding-top:100px;padding-right:50px;padding-bottom:100px;padding-left:50px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center\"><!-- wp:column {\"verticalAlignment\":\"center\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"30px\",\"textAlign\":\"left\"},\"color\":{\"text\":\"#211c70\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#211c70\"}}}}} -->\n<h2 class=\"wp-block-heading has-text-align-left has-text-color has-link-color\" style=\"color:#211c70;font-size:30px\">Stunning Background Overlay<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"textAlign\":\"left\"}}} -->\n<p class=\"has-text-align-left\" style=\"font-size:16px\">Enhance your website's visual appeal with a clean, modern overlay effect designed for WordPress sites.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"5px\",\"topRight\":\"5px\",\"bottomLeft\":\"5px\",\"bottomRight\":\"5px\"}}}} -->\n<div class=\"wp-block-buttons\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"charcoal-1\",\"className\":\"is-style-fill\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|charcoal-1\"}}},\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"50px\",\"bottomLeft\":\"50px\",\"bottomRight\":\"50px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"400\"}},\"fontSize\":\"normal\"} -->\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-charcoal-1-color has-white-background-color has-text-color has-background has-link-color has-normal-font-size has-custom-font-size wp-element-button\" style=\"border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;font-style:normal;font-weight:400\">Explore More<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image {\"aspectRatio\":\"1\",\"scale\":\"cover\",\"focalPoint\":{\"x\":0.42,\"y\":0.35},\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":{\"topLeft\":\"20px\",\"topRight\":\"20px\",\"bottomLeft\":\"20px\",\"bottomRight\":\"20px\"}}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ1bnNwbGFzaDE4NTMxLWltYWdlLWt3dnlpMmI0LmpwZw.jpg\" alt=\"Birthday\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;aspect-ratio:1;object-fit:cover;object-position:42% 35%\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Hiral Solanki","url":"https:\/\/wordpress.org\/patterns\/author\/hiral26","avatar":"https:\/\/secure.gravatar.com\/avatar\/ce8828c7d224bb2dfb608080d4a871c94b0d8a274576dc83189c58c6011b8d7c?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1450253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1450253\/revisions"}],"predecessor-version":[{"id":1450287,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1450253\/revisions\/1450287"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/hiral26"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1450253"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1450253"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1450253"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1450253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}