From 5ff28c483ec30f14de3b19210052b4c738a6b874 Mon Sep 17 00:00:00 2001 From: Alexander Bigga Date: Wed, 1 Apr 2026 16:31:37 +0200 Subject: [PATCH] Fix #1125: cover block use full width --- sass/_generic.scss | 16 +++++++++++++++- sass/wp-blocks/cover.scss | 10 ++++++++-- 2 files changed, 23 insertions(+), 3 deletions(-) diff --git a/sass/_generic.scss b/sass/_generic.scss index fdaaeb37..49dd84b8 100644 --- a/sass/_generic.scss +++ b/sass/_generic.scss @@ -89,11 +89,19 @@ html.preload * { } } -.alignfull { +.entry-content > .alignfull { @include alignfull; } +.alignfull { + width: 100%; + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; +} + .text-left { text-align: left; } @@ -474,6 +482,8 @@ body.formstyle-sharp { .entry-content > .wp-block-cover:first-child { margin: 80px 0 var(--half-block-spacing) 0 !important; + width: calc((100% + var(--double-grid-margin))) !important; + left: calc(-1 * var(--grid-margin)) !important; } @@ -483,6 +493,10 @@ body.formstyle-sharp { margin: 100px 0 var(--half-block-spacing) 0 !important; height: calc(100vh - 180px) !important; } + + .entry-content > .wp-block-cover:first-child { + margin: 100px 0 var(--half-block-spacing) 0 !important; + } } diff --git a/sass/wp-blocks/cover.scss b/sass/wp-blocks/cover.scss index c17c9fc7..fe43672b 100644 --- a/sass/wp-blocks/cover.scss +++ b/sass/wp-blocks/cover.scss @@ -294,14 +294,14 @@ body.admin-bar .entry-content > :first-child.wp-block-cover.is-style-sunflower-h } .entry-content > .wp-block-cover:not(.is-style-sunflower-hero):first-child { - margin-top: var(--grid-margin); + margin-top: 130px; margin-bottom: var(--grid-margin); margin-left: 0 !important; margin-right: 0 !important; - min-height: 750px; width: 100% !important; border-radius: var(--border-radius-large); overflow: hidden; + padding: 0; } .wp-block-column { @@ -312,6 +312,12 @@ body.admin-bar .entry-content > :first-child.wp-block-cover.is-style-sunflower-h } } +.wp-block-cover, +.entry-content > .wp-block-cover.alignfull { + padding: 0; + padding-left: 0; + padding-right: 0; +} body main #content .wp-block-cover:not(.is-style-sunflower-hero):has(.wp-block-cover__background) .wp-block-cover__inner-container {