Bulletpoint Formatting

Topic summary

Main issue: Bulleted lists in the Dawn theme weren’t aligning correctly; multi-line list items didn’t hang/align flush under the first line.

Key solution: Add CSS to set the list marker outside the content block: .rte li { list-style-position: outside; }. This targets Dawn’s rich-text list items.

Implementation details: Insert the CSS inside a tag in theme.liquid (Online Store → Theme → Edit code). Placing it outside a tag or in the wrong spot (e.g., raw before or above ) caused layout issues, including an unintended banner.

Alternative notes: One suggestion avoided using offsets/negative indents in favor of the simpler list-style-position approach. Another version added !important, but correct placement was the critical factor.

Outcome: After moving the CSS into the proper section, the formatting worked as desired. The thread appears resolved with no outstanding questions.

Artifacts: Screenshots were shared to show misalignment, code placement attempts, and the corrected setup; they were supportive but not required to apply the fix.

Summarized with AI on December 19. AI used: gpt-5.

Hi, I am looking to change the bullet point formatting on the theme, Dawn.

  • As you’ll see in the image below, the text is not flush underneath the first sentence (unlike this sentence) fddfffffffdfdfhkjfhdkjshfkjsfhdskjfhsjkhfdskjhfkjsnkanmarhejkehrarjkaljrlakjlakjlajflkf

I would like to change this so that it’s flush just like in the example above.

URL: https://wyenewyork.com/

Let me know if you have any questions.

Thank you!

1 Like

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

A cleaner solution would be to use this CSS instead, and not bother with offsets and negative indents:

.rte li {
    list-style-position: outside;
}

Hi @blwalsh21 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before
.rte li {
    list-style-position: outside !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

This isn’t working for me. Am I putting the code in the wrong place?

This isn’t working for me. Am I putting the code in the wrong place?

Yes. You should put it under the tag. Then click save.

@blwalsh21 Put the code above

topnewyork_0-1726126454370.png

1 Like

This did not work and added a banner above my header on the landing page.

That worked! Thank you so much!

Hi @blwalsh21 below is how the code needs to be look like when you put it in the style tag

Your most welcome. Glad it worked.

1 Like