Left align text headings for collections section

Topic summary

A user seeks to left-align text headings specifically for the featured collections section on their Shopify store, which is currently in preview mode before going live.

Solution provided:

  • Navigate to Online Store → Themes → Edit Code
  • Open the theme.css file
  • Locate the CSS class .justify-self-center
  • Change the justify-self property from center to left

Code modification:

.justify-self-center {
    justify-self: left;
}

Outcome: The solution was confirmed as helpful by the original poster, successfully resolving the alignment issue.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hi There,

I am trying to align all my headings on my pages to the left. However, I have tried a few potential solutions with non working. I would love some help. I dont need it for all sections - just on my featured collections.

You can find my store here (it is in preview as I am designing this before it goes live)

The link can be found here

Thanks in Advance!

You can achieve this by going to Online Store, …, Edit Code and opening theme.css and changing .justify-self-center from center to left.

.justify-self-center {
    justify-self: left;
}

Hope this helps

Simon

Incredibly helpful. Thank you!