Shopify Dawn Bullet Points not Aligning on Policy Page

Shopify Discussion

Topic summary

A user encountered a formatting issue in Shopify’s Dawn theme where bullet points on the shipping policy page weren’t properly indenting when text wrapped to a second line. The second line of text aligned with the bullet point instead of aligning under the first line of text.

Initial Misunderstanding:

  • A solution provider first suggested CSS code targeting padding, which didn’t address the actual problem.

Correct Solution:

  • After clarification, the proper fix was identified: adding text-indent: -1.2em; to .shopify-policy__body .rte ul li in the base.css file.
  • This CSS rule creates a negative indent that properly aligns wrapped text beneath the first line.

Implementation Steps:

  • Navigate to: Shopify Admin → Online Store → Themes → Edit Code → base.css
  • Paste the corrected CSS code at the end of the file

Screenshots were provided showing the before and after results, confirming the alignment issue was resolved.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Hi there, I have tried a lot of different codes to try and correct this issue but no luck. In Shopify Dawn in the shipping policy page the bullet points are not aligning. If the text in a bullet point runs to a second line the second line of text is not indented. Looking for some guidance from the gurus out there. Cheers

2

Hey @seanyd,
Thanks for Bringing this issue to Shopify community.
Could you please share your store url along with password [if applicable] so that I can take a look and provide you with the solution code.
Thanks

3

Hi @seanyd,

Please send the website link, I will check it for you

4

Hey @The_ScriptFlow thanks for responding - url is AprèsWaves.com and pw is Butchandsun1986!

5

Thanks for sharing the store url along with password.
In order to make the bullet points align with the text you need to follow these steps.
Go to Shopify Admin >> Online Store >> Themes >> Edit Code >> base.css
In the end of the base.css file paste the following code.

.shopify-policy__body .rte ul {
    padding-left: 0px !important;
}

Results:

image
image1919×910 59.5 KB

Please let me know if this works for you or you need more assistance.
Thanks

6

Thanks @The_ScriptFlow to be more specific the issue I am having is that when the text runs into a second line it should align under the text. At the moment it is not indenting . Like this:

  • Order Details: Include your order number and any other pertinent information related
    to your purchase.
7

Sorry for Misunderstanding before.
Now I understand the requirements and yeah I can see the issue with the bullet points alignment.
In order to fix this issue please follow these steps.
Go to Shopify Admin >> Online Store >> Themes >> Edit Code >> base.css
In the end of the base.css file paste the following code.

.shopify-policy__body .rte ul li {
    text-indent: -1.2em;
}

Results:

image
image697×812 40.8 KB

If you need more assistance then feel free to ping me.
Thanks