How can I justify text in Symmetry theme?

Store Design

Topic summary

Issue: A store owner using the Symmetry theme wants all site text aligned left but cannot find a built-in setting.

Proposed solution: Add a custom CSS rule to force left alignment. The exact snippet shared by multiple participants is:

  • p, h1 { text-align: left !important; }

Implementation details: Place the CSS at the top of the theme’s stylesheet (e.g., style.scss) or in the theme’s CSS files so it overrides default styles. The use of !important is intended to ensure the rule takes precedence.

Notes: The provided code snippet is central to the solution and specifically targets paragraph (p) and main heading (h1) elements.

Status: No confirmation from the original poster on whether the solution worked; the discussion remains open with no reported issues or follow-up adjustments.

Summarized with AI on February 28. AI used: gpt-5.
1

Hi all,

I’m trying to justify the text across my website (aligned left justified) but it’s not an option in the Symmetry theme. Can someone help?

Site: www.urbanframes.ae

Thank you!

2

HIi, @nadimnahas
Paste this code on top of the style.scss file.

p, h1 {
    text-align: left !important;
}

Thank You.

3

hi @nadimnahas

please put this code in css files.

p, h1 {
    text-align: left !important;
}

Thank you so much.

khilan