Left align text headings for collections section

Store Design
, , , ,

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.
1

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

jkilov_0-1730170017621.png
jkilov_0-1730170017621.png1770×1146 144 KB

Thanks in Advance!

2

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

3

Incredibly helpful. Thank you!