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.

Can someone help me please?

How do I shift the text at the bottom section aligned with the text from above as highlighted in the screenshot?

Hi @jinuralite

You can move that text by adding this code below to Custom CSS of that section in Online store > Theme > Customize

.hero__content { padding-left: 0px !important; }

1 Like

Amazing. That worked perfectly. Thank you.

1 Like

I’m glad to help!

1 Like