How to align bullet points properly in the Modular theme?

Store Design

Topic summary

A user seeks help aligning bullet point text in product descriptions using the Modular theme, where text wraps like a paragraph instead of maintaining proper indentation.

Initial Responses:

  • One commenter reports the bullets appear correctly aligned on their end
  • Another provides CSS code to add to theme.css file:
    .product__description.rte ul {
    padding-inline-start: 20px !important;
}

Resolution & Follow-up Issues:

  • Original poster confirms someone fixed the issue for them
  • Multiple users with different themes (Refresh, Dawn) encounter the same problem but cannot locate the theme.css file in their Assets folder
  • One user reports that placing the code in theme.liquid instead causes the CSS code to display visibly at the bottom of their site’s frontend

Current Status:
The thread remains open with unanswered questions about proper code placement for themes lacking a theme.css file.

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

I am trying to make it so that the bullet points’ text is aligned and not formatted like a paragraph. So all of it should be indented. I have tried all the solutions on the forms and none have had any results. I am using the Modular theme. My product page is linked as well as a screenshot.

https://eleadorabeauty.com/products/eleadora-box

eleadorabeauty_0-1657657186720.png
eleadorabeauty_0-1657657186720.png536×482 50.7 KB

2

@eleadorabeauty
Hii,
I have checked your site. bullet properly aligned left site

oscprofessional_0-1657692557658.png
oscprofessional_0-1657692557658.png389×763 50.4 KB

3

Hi @eleadorabeauty ,

Go to Assets > theme.css and paste this at the bottom of the file:

.product__description.rte ul {
    padding-inline-start: 20px !important;
}

Hope it helps!

1 Like
4

Thank you all for the responses, I found someone who was able to take a look and fix it for me!

5

Hi @eleadorabeauty ,

I saw you liked my answer. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

6

there is no theme.css file in Assets in “Refresh” Theme.
I have same issue, kindly help me out too

1 Like
7

Hi, I am facing the same issue on my blog posts, I am on the dawn theme, can you show me how to fix it?

1 Like
8

Hi, I have the DAWN theme, and there is no theme.css in assets. Where do I place the code then? I tried theme.liquid, but that doesn’t work.

9

Hi, I’ve added this code and the bullets align perfectly but the code is now appearing at the bottom of my site on the frontend. I’ve put the code at the bottom of the theme.liquid file as I don’t have a theme.css file in assets