Goal: center the “shop catégories” title in the Shopify Dawn theme.
What happened:
Initial CSS approach suggested: add .title { text-align: center !important; } in base.css (via Online Store → Themes → Edit code → base.css). This did not work.
Helper requested the store URL (merchant shared URL and password).
A more specific CSS selector was provided targeting the actual heading element: h2#SectionHeading-template–17003213553907__a0d92730-4fa7-48a8-97de-184423eb0e1b { text-align: center !important; }.
Outcome:
The specific selector successfully centered the title. The issue is resolved.
Notes:
A screenshot was shared for context but not essential to the solution.
Key detail: On Dawn, generic selectors may fail; targeting the precise heading ID/selector in base.css achieved the desired alignment.