How can I align the bottom text with the text above?

Topic summary

Main issue: Align the bottom text with the text above in a Shopify section, illustrated via screenshots. The misalignment was shown in images central to understanding the request.

Proposed fix: Add a Custom CSS rule in Online store > Theme > Customize, within that section, targeting the hero content container to remove left padding (setting .hero__content padding-left to 0 with !important) so the lower text lines up with the text above.

Outcome: The suggested CSS change worked perfectly according to the requester. No further issues or disagreements were raised.

Status: Resolved; no open questions or pending actions.

Summarized with AI on January 17. AI used: gpt-5.

I’m glad to help!

1 Like