How to move Product information to the left?

Store Design
, , , ,

Topic summary

A user wants to reposition product page elements from center-aligned to left-aligned on their Shopify store (aliudclothing.com), referencing a desired layout from another site.

Initial Solution Provided:

  • Add custom CSS code to theme.liquid file above the </body> tag
  • Code targets product information container with left alignment styling

Implementation Issue:

  • First code snippet didn’t work when user attempted to implement it
  • A revised CSS code was provided as an alternative solution

Current Status:

  • Original poster hasn’t confirmed if the second solution worked
  • Another user with the Dawn theme reports the solution doesn’t work for their setup
  • Discussion remains open with unresolved cases

Note: Screenshots show the current centered layout versus desired left-aligned design, and code placement examples are included in the thread.

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

Hello,

I would like to change the display of my product page with positioning all text etc. on the left and not in the middle like shown in the pictures.

I would really appreciate all answers! :slightly_smiling_face:

My website: aliudclothing.com

desired design: https://www.6pmseason.com/collections/6pm/products/hoodie-yellow-1

Kind regards

Kim

Bildschirmfoto 2023-10-19 um 07.31.49.png
Bildschirmfoto 2023-10-19 um 07.31.49.png1000×992 82.4 KB

Bildschirmfoto 2023-10-19 um 07.31.55.png
Bildschirmfoto 2023-10-19 um 07.31.55.png1152×996 49.8 KB

2

Hey @KimGottwald

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1697695508273.png
Moeed_0-1697695508273.png1820×799 84.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Is this correct? Because it does not work sadly.

Bildschirmfoto 2023-10-19 um 08.11.15.png
Bildschirmfoto 2023-10-19 um 08.11.15.png590×324 16.8 KB

4

Hey @KimGottwald

Try this code with the same steps.

RESULT:

Moeed_0-1697696050620.png
Moeed_0-1697696050620.png1803×848 85.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hello guys,

I’ve got the same issue on the Dawn Theme but unfortunately the solution is not working for me.

Can I ask for any assistance here? :slightly_smiling_face:

Brgds,

Mike