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?
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.
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; }
Amazing. That worked perfectly. Thank you.
Iām glad to help!