Custom Bullet point indentation - DAWN THEME

Technical Q&A

Topic summary

A user is experiencing a CSS formatting issue with custom bullet points in the Dawn theme. The problem: subsequent lines of multi-line bullet items align with the bullet icon instead of indenting to match the first line of text, creating misaligned text blocks.

Attempted Solutions:

  • One participant shared a workaround by modifying the component-rte.css file
  • Added a single CSS rule targeting .rte ul with a list-style property
  • This solution reportedly fixed all bullets instantly

Current Status:
The thread references another post with detailed instructions for creating custom bullets, though one user found those instructions confusing. The CSS modification approach appears to be the simpler solution that resolved the alignment issue.

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

Hello,

I have custom bullet points, the indentation on the first line of text is fine but any additional lines line up with the custom bullet point rather than the text on the line above. Is there any way to fix this so the text lines up on each row

Screen Shot 2022-10-21 at 21.09.50.png
Screen Shot 2022-10-21 at 21.09.50.png1120×616 31.9 KB

www.thefreedomofpeach.com

Ahceep

2

@FOP Can you share with HOW you created your own bullet points? I’ve just started searching for a solution as I would like to do the same.

3

Hi @Pandaboomer this is on a separate question I have asked, you should be able to view this from the list of questions by clicking my profile

4

Thanks, yeah I did see that, it actually looked extremely confusing so I never tried it. :face_with_crossed_out_eyes:

I ended up adding one line to the component-rte.css file and it changed all my bullets in an instant. :ok_hand:

.rte ul {
    list-style: "\1F43E";
}

Screenshot 2022-12-23 150913.png
Screenshot 2022-12-23 150913.png644×288 4.54 KB