Blog post issue: numbered lists/bullets not displaying

Store Design
1

Hi guys

I have tried many versions of the HTML and visual editor but as you can see the numbered list refuses to show up… does anyone know how to fix?

https://tca.fit/blogs/blog/self-reflection-your-year-in-review

Many thanks in advance!

2

@FT2020 - do you want like this?

suyash1_0-1608770600092.png
suyash1_0-1608770600092.png1366×768 101 KB

3

@FT2020

Please add the following code at the bottom of your assets/theme.scss.liquid file.

div#shopify-section-article-template ol li {
    list-style: unset !important;
}

Hope this helps.

Thanks!

4

Yes! Exactly. How did you do it?!

5

Hey, sorry I am a n00b and have no idea how to access these settings. Can you tell me how or is there a novice friendly solution?

Thanks!

6

@FT2020

Login into admin.

Goto Online Store → Themes → beside the theme name you will have an Action dropdown → Select Edit code from there.

Select Assets folder → Click on above theme.scss.liquid file → Goto the bottom and paste above code.

Hope this helps.

Thanks!

7

Hey thanks very much dude! I am going to go and do it now - i’m not in danger of messing up anything else am I?

Very grateful for the help, thanks.

1 Like
8

Update - worked a charm.

Merry Christmas!

1 Like
9

@FT2020

WOW Great!!

Merry Christmas to you !!!

Cheers!

10

Hey guys sorry to reopen, but although this worked for the numbered list, bullets are still an issue, below ss from the editor shows bullets but not showing on live page. i had added the - as a temporary solution only.

FT2020_0-1609336945879.png
FT2020_0-1609336945879.png1218×420 34.7 KB

https://tca.fit/blogs/blog/self-reflection-your-year-in-review

any ideas guys?

thanks again!

11

@FT2020 - add this to the very end of theme.scss file

li {list-style: initial;}
12

Legend that worked thank you! You may notice the text formatting is different to the rest of the article now, do you know if that something also to be fixed in the code?

13

Hi @suyash1 ,

Even my bullet points are not showing properly. I have used ordered list. It shows properly in the backend on the editor section, But when you check in the blog page its not showing properly. Actually its automatically adding extra

    tag in the html section.

    Kindly help me with this

    Following is the blog link - https://crowcrowcrow.com/blogs/news/top-picks-school-essentials-must-haves

    Thanks

    Diwakar

1 Like
14

@3Crowcrowcrow - do you want to remove the numbers?