How can I align a specific text block to the left on my webpage?

Shopify Discussion

Topic summary

A Shopify user needs to left-align a specific rich text block (a bulleted list) while keeping the rest of their page content centered. They’ve been attempting this for hours without success.

Attempted Solutions:

  • Two support members (Moeed and PageFly-Oliver) provided similar CSS solutions involving adding custom code to the theme.liquid file, above the closing tag
  • The code snippets appear corrupted or reversed in the thread, making them difficult to read

Current Status:

  • The user reports the solutions didn’t work and repeatedly asks for more specific guidance on where exactly to paste the code
  • They appear unfamiliar with editing theme files and request visual demonstrations
  • The user also requested removal of an accidentally shared screenshot showing their site
  • The issue remains unresolved, with the user still seeking clearer step-by-step instructions
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hey. I have a specific rich text block I want to align to the left while the rest of the text on my page is centered. I want to keep the rest of the text centered, and just align a bullet list to the left. I have been trying for hours now without success, thank you.

Here is a picture explaining, I want to align ONLY the red marked area to the left.

2

https://imgur.com/a/k9qejRw Picture here. I want to align ONLY the red marked area to the left, while keeping the rest centered. Thanks!

3

Hey @manoman

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

Can I private message you it? I dont want to show it off to the public here on this thread.

5

Yes of course! You can private message me

6

How do I pm you?

7

When you click on my profile, you’ll see a button “Send Message”

8

Just did.

9

Hey @manoman

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-1697383984271.png
Moeed_0-1697383984271.png975×326 13.6 KB

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

Best Regards,
Moeed

10

https://gyazo.com/ceefb1b606a86caeea9719b6702a2191

Dont work, where exactly do I copy that in there? Please show me, I am new to this.

11

Please show me brother, where exactly do I copy that in? I tried a few times and did not work.

12

Also, can you remove that picture of my site please? I blurred it out for a reason and now its on the thread. Thanks for the help by the way, just dont want people that might visit my website to see this thread.

13

Hi @manoman ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

14

Dont work, where exactly do I copy that in there? Please show me, I am new to this.

Please show me brother, where exactly do I copy that in? I tried a few times and did not work.

https://gyazo.com/ceefb1b606a86caeea9719b6702a2191