{"id":611383,"date":"2024-04-29T04:38:44","date_gmt":"2024-04-29T04:38:44","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/cover-block-fix-background-vi\/"},"modified":"2026-04-19T20:26:20","modified_gmt":"2026-04-19T20:26:20","slug":"cover-block-fix-background-vi","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/cover-block-fix-background-vi\/","title":{"rendered":"Che kh\u1ed1i s\u1eeda n\u1ec1n"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ccb796d7 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\">T\u1ea7m nh\u00ecn &amp; S\u1ee9 m\u1ec7nh<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover has-parallax has-custom-content-position is-position-center-left has-aspect-ratio\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px;aspect-ratio:16\/9;height:unset;min-height:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim\" style=\"background-color:#565b5f\"><\/span><div class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2NTYyMTItaW1hZ2Uta3d2eGt3cWUuanBn.jpg)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-5b7cbe41 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group has-charcoal-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-right-radius:20px;border-bottom-right-radius:20px\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-d4036bcc wp-block-group-is-layout-flex\" style=\"min-height:5px;padding-top:var(--wp--preset--spacing--20);padding-right:20px;padding-bottom:var(--wp--preset--spacing--20);padding-left:20px\">\n<h2 class=\"wp-block-heading\">t\u1ea7m nh\u00ecn c\u1ee7a ch\u00fang t\u00f4i<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum etiam molestie metus, fames proin tristique.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover has-parallax\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-charcoal-0-background-color has-background-dim-70 has-background-dim\"><\/span><div class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMTMzOTk4LXdpa2ltZWRpYS1pbWFnZS1rb3dpdno0Yy5qcGc.jpg)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group has-charcoal-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:20px;border-bottom-left-radius:20px\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-d4036bcc wp-block-group-is-layout-flex\" style=\"min-height:5px;padding-top:var(--wp--preset--spacing--20);padding-right:20px;padding-bottom:var(--wp--preset--spacing--20);padding-left:20px\">\n<h2 class=\"wp-block-heading has-text-align-right\">s\u1ee9 m\u1ec7nh c\u1ee7a ch\u00fang t\u00f4i<\/h2>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">Lorem ipsum ultricies ac lacinia torquent, duis sodales placerat ut fringilla, tincidunt quisque per viverra.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"author":21148118,"parent":535854,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"v\u1ec1, t\u1ea7m nh\u00ecn, s\u1ee9 m\u1ec7nh, goblock","wpop_description":"T\u1ea1o T\u1ea7m nh\u00ecn v\u00e0 S\u1ee9 m\u1ec7nh c\u1ee7a b\u1ea1n v\u1edbi kh\u1ed1i b\u00eca s\u1eeda n\u1ec1n","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"vi","wpop_wp_version":"","wpop_contains_block_types":"core\/cover,core\/group,core\/heading,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[47],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-611383","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about"],"category_slugs":["about"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"0\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"textAlign\":\"center\"} -->\n<h2 class=\"wp-block-heading has-text-align-center\">T\u1ea7m nh\u00ecn &amp; S\u1ee9 m\u1ec7nh<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:spacer {\"height\":\"30px\"} -->\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2NTYyMTItaW1hZ2Uta3d2eGt3cWUuanBn.jpg\",\"hasParallax\":true,\"dimRatio\":70,\"customOverlayColor\":\"#565b5f\",\"isUserOverlayColor\":true,\"minHeight\":300,\"minHeightUnit\":\"px\",\"contentPosition\":\"center left\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"}},\"dimensions\":{\"aspectRatio\":\"16\/9\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover has-parallax has-custom-content-position is-position-center-left\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim\" style=\"background-color:#565b5f\"><\/span><div class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2NTYyMTItaW1hZ2Uta3d2eGt3cWUuanBn.jpg)\"><\/div><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topRight\":\"20px\",\"bottomRight\":\"20px\"}}},\"backgroundColor\":\"charcoal-5\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-charcoal-5-background-color has-background\" style=\"border-top-right-radius:20px;border-bottom-right-radius:20px\"><!-- wp:group {\"style\":{\"dimensions\":{\"minHeight\":\"5px\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"20px\",\"right\":\"20px\"}}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\" style=\"min-height:5px;padding-top:var(--wp--preset--spacing--20);padding-right:20px;padding-bottom:var(--wp--preset--spacing--20);padding-left:20px\"><!-- wp:heading -->\n<h2 class=\"wp-block-heading\">t\u1ea7m nh\u00ecn c\u1ee7a ch\u00fang t\u00f4i<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lorem ipsum etiam molestie metus, fames proin tristique.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover -->\n\n<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMTMzOTk4LXdpa2ltZWRpYS1pbWFnZS1rb3dpdno0Yy5qcGc.jpg\",\"id\":null,\"hasParallax\":true,\"dimRatio\":70,\"overlayColor\":\"charcoal-0\",\"isUserOverlayColor\":true,\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover has-parallax\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-charcoal-0-background-color has-background-dim-70 has-background-dim\"><\/span><div class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMTMzOTk4LXdpa2ltZWRpYS1pbWFnZS1rb3dpdno0Yy5qcGc.jpg)\"><\/div><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"20px\",\"bottomLeft\":\"20px\"}}},\"backgroundColor\":\"charcoal-5\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-charcoal-5-background-color has-background\" style=\"border-top-left-radius:20px;border-bottom-left-radius:20px\"><!-- wp:group {\"style\":{\"dimensions\":{\"minHeight\":\"5px\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"20px\",\"right\":\"20px\"}}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\" style=\"min-height:5px;padding-top:var(--wp--preset--spacing--20);padding-right:20px;padding-bottom:var(--wp--preset--spacing--20);padding-left:20px\"><!-- wp:heading {\"textAlign\":\"right\"} -->\n<h2 class=\"wp-block-heading has-text-align-right\">s\u1ee9 m\u1ec7nh c\u1ee7a ch\u00fang t\u00f4i<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"right\"} -->\n<p class=\"has-text-align-right\">Lorem ipsum ultricies ac lacinia torquent, duis sodales placerat ut fringilla, tincidunt quisque per viverra.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Rahmat Gumilar","url":"https:\/\/wordpress.org\/patterns\/author\/rahmatgumilar","avatar":"https:\/\/secure.gravatar.com\/avatar\/ffa4e4f670d67600f81aba8d89ade5cdd8fed09cddf3b6c0cb67e67e69827fd3?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\/611383","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":2,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/611383\/revisions"}],"predecessor-version":[{"id":701040,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/611383\/revisions\/701040"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/rahmatgumilar"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=611383"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=611383"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=611383"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=611383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}