Bulletpoint Formatting

[blwalsh21]

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! 

[AnneLuo]

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 </head> tag

<style>
.rte li {
    text-indent: -22px !important;
    padding-left: 20px !important;
}
</style>

Result:

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

[JayAdra]

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

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

[blwalsh21]

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

[AnneLuo]

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

[blwalsh21]

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

[topnewyork]

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 </head>

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

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

Thanks!

[blwalsh21]

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

[topnewyork · Accepted solution]

@blwalsh21 Put the code above </style>

[blwalsh21]

That worked! Thank you so much! 

[topnewyork]

Your most welcome. Glad it worked. 

[topnewyork]

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