Commit 14d0e87fea9 for woocommerce
commit 14d0e87fea9a434e12bc505276b4e8fb6e2484ff
Author: Daniel Kam <hey@danielk.am>
Date: Thu Oct 29 16:11:05 2026 +0800
Block themes: remove the generic 1000px page width workaround (#69316)
* Fix block theme page title cap so aligned titles follow their alignment
On block themes, woocommerce-blocktheme.css caps `.wp-block-post-title`
at 1000px on the Cart, Checkout and My account pages. The selector has
the same specificity as core's `.is-layout-constrained > .alignwide`, so
the winner depends on stylesheet print order. When WooCommerce's sheet
prints after global styles, a wide or full aligned title is held at
1000px on the front end while the Site Editor shows it at the wide size.
Exclude `.alignwide` and `.alignfull` titles from the cap. The exclusion
is wrapped in `:where()` so the selector keeps its specificity and
existing theme overrides still apply. Unaligned titles keep the 1000px
default.
Fixes #69270.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
* Remove generic block-theme page width workaround
* Update changelog for block-theme layout widths
---------
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
Co-authored-by: Tom Cafferkey <tjcafferkey@gmail.com>
diff --git a/plugins/woocommerce/changelog/69270-fix-blocktheme-aligned-page-title-width b/plugins/woocommerce/changelog/69270-fix-blocktheme-aligned-page-title-width
new file mode 100644
index 00000000000..b4fad9dc782
--- /dev/null
+++ b/plugins/woocommerce/changelog/69270-fix-blocktheme-aligned-page-title-width
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Remove the generic 1000px width cap so Cart, Checkout and My account can use their block layouts.
diff --git a/plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss b/plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss
index dea14f3d50d..dc2ee341b94 100644
--- a/plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss
+++ b/plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss
@@ -5,20 +5,6 @@
@import "fonts";
@import "variables";
-/**
-* Layout
-*/
-.woocommerce-cart,
-.woocommerce-account,
-.woocommerce-checkout {
-
- .wp-block-post-title,
- main .woocommerce {
- // Allow Cart/Checkout/Account pages more space to breathe.
- max-width: 1000px;
- }
-}
-
.clear {
clear: both;
}