fix: center standalone section-title headings to match production by kmurugulla · Pull Request #3 · da-pilot/aig

kmurugulla · 2026-07-22T23:25:29Z

Summary

Production (aig.com) centers standalone section headings by default via AEM's Title component (.title .cmp-title{text-align:center}).
In this EDS project, equivalent headings with no accompanying body copy (e.g. "AIG Performance & Initiatives", "AIG Newsroom") were left-aligned with default spacing, since no such rule existed.
Added a CSS rule targeting .default-content-wrapper > h1..h6:only-child to center these lone section-title headings and add separating margin, without affecting headings that have body copy alongside them or headings inside blocks.

Preview: https://headings--aig--da-pilot.aem.page/

Test plan

npm run lint passes
Visually confirm "AIG Performance & Initiatives" and "AIG Newsroom" headings are centered on the preview URL above
Confirm no unintended changes to other headings (hero, cards, columns, banner)

🤖 Generated with Claude Code

AEM's Title component centers by default (.title .cmp-title), but our plain h2/h3 section headings without body copy (e.g. "AIG Performance & Initiatives", "AIG Newsroom") were left-aligned with no distinguishing spacing. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

aem-code-sync · 2026-07-22T23:25:32Z

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.