Skip to content

Refined alignment styles#4534

Open
girishpanchal30 wants to merge 1 commit into
developmentfrom
bugfix/4531
Open

Refined alignment styles#4534
girishpanchal30 wants to merge 1 commit into
developmentfrom
bugfix/4531

Conversation

@girishpanchal30

Copy link
Copy Markdown
Contributor

Summary

Refined the alignfull and alignwide styles for better compatibility with sidebars and nested blocks.

Check before Pull Request is ready:

Closes #4531

@girishpanchal30 girishpanchal30 requested a review from Copilot July 3, 2026 13:21
@girishpanchal30 girishpanchal30 added the pr-checklist-skip Allow this Pull Request to skip checklist. label Jul 3, 2026
@pirate-bot pirate-bot added the pr-checklist-complete The Pull Request checklist is complete. (automatic label) label Jul 3, 2026
@pirate-bot

Copy link
Copy Markdown
Collaborator

Plugin build for a603be9 is ready 🛎️!

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR refines the .alignfull/.alignwide reset rules in the frontend Gutenberg stylesheet to fix a layout regression (issue #4531) where wide/full blocks nested inside an Otter "Section" block were forced edge-to-edge and lost their side gutter. It replaces the broad [class*="wp-block-"]:has(> [class*="wp-block-"]) catch-all — which matched every namespaced third-party block — with a targeted selector scoped to sidebar layouts and the Otter advanced-column class, while keeping the #4427 overlap fix intact for non-Columns blocks.

Changes:

  • Replaced the broad nested-block :has() catch-all reset with explicit selectors for .nv-sidebar-left/.nv-sidebar-right and .wp-block-themeisle-blocks-advanced-column.
  • Added :not(.wp-block-columns) so wide/full Columns blocks nested in an Otter Section retain their gutter, resolving the reported regression.
  • Preserved the width/max-width: 100%; margin: auto reset for the remaining (non-Columns) nested cases to keep issue #4427 fixed.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pr-checklist-complete The Pull Request checklist is complete. (automatic label) pr-checklist-skip Allow this Pull Request to skip checklist.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants