Misalignment between text blocks and a contact form in the Shopify Spotlight theme. The Rich Text block and the default Page block (page title) didn’t align with the form; screenshots were provided and are central to illustrating the issue.
Key steps and fixes:
Initial CSS fix: Added to Assets > base.css
.contact.section-template–24069227544906__form-padding { max-width: 78rem; }
This aligned the Rich Text content with the form but the Page block title remained misaligned.
Requirement: Use the Page title as the header for consistent alignment across current and future pages.
Final adjustment: Edited the theme template (main-page.liquid) as guided via a screenshot to adjust how the Page title aligns relative to the form. Exact code wasn’t posted in text, only indicated where to add it.
Outcome:
User confirmed the final change achieved the desired alignment using the Page title.
No further issues reported; thread resolved.
Summarized with AI on December 13.
AI used: gpt-5.
I feel like I have searched the whole web for a solution to this issue, so I thought it’s maybe a good idea to finally make a post in hopes that you can help me figure this out, before I pull my hair out.
I’m using the Spotlighttheme for my shop, everything is great and working properly like I want, except for the fact that there is a misalignment with objects within the page(s).
In the screenshot that I attached below, I have made a Rich Text-block, with a heading and a text as you would expect from an element like this. However, it is misaligning with the form below it.
The Page “block” which you cannot delete, I have hidden in this instance, but even when I show it and remove the header from the Rich Text block, it’s even more misaligned to the form.
Now I could remove the solution you gave me from the CSS and it would be aligned with the form, but then it would be misaligned with the text in between. Either way, this will have to do for now.
I would rather have the page title be the header than the rich text. I have saved the site now to include the Page block, and hidden the Rich Text header. This is the result:
To have some consistency from all future pages (and existing ones), I would rather have the alignment be from the Page title, rather than any other element.
