Text left alignment - symmetry theme

Shopify Discussion

Topic summary

A user is trying to left-align text elements (subheading, heading, and paragraph) in the ‘video with text’ section of the Symmetry theme to match the alignment of a rich text section below it.

Proposed Solutions:

Two respondents provided similar CSS-based fixes:

  • Both suggest adding custom CSS code to the theme.liquid file, specifically before the </body> tag
  • The solutions involve targeting the video-with-text section with media queries for desktop views (min-width: 768px)
  • The CSS appears to adjust margin properties to achieve left alignment

Status:

The discussion remains open with no confirmation from the original poster about whether either solution resolved the issue. Both helpers requested feedback on their answers.

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

Hey, does anyone know the best way to left align the subheading, heading and paragraph text in my ‘video with text’ section (symmetry theme) so it sits exactly the same as the rich text section below it on the left? :slightly_smiling_face:

URL – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

Current look –

Screenshot 2024-08-29 at 15.30.01.png
Screenshot 2024-08-29 at 15.30.01.png2880×1284 240 KB

2

@emilyaugstudios ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above

Result:

BSSCommerceB2B_0-1724942638901.png
BSSCommerceB2B_0-1724942638901.png1295×935 181 KB

If it helps you, please like and mark it as the solution.

Best Regards :heart_eyes:

1 Like
3

Hello @emilyaugstudios

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media (min-width: 768px) { .section-video-with-text .feature-text-paired { margin-left: 0 !important; } }

niraj_patel_0-1724942717017.png
niraj_patel_0-1724942717017.png1312×473 217 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like