Ordered List Displaying Wrong

• 

  martiansky · Member · Sep 1, 2018 at 2:19 am

  • Copy link
  • Add topic to favorites

  I am working on an Ordered List with sub lists on a page in my site. When I updated it and viewed it, one of the sub list displayed as letters.

  I didn’t like the way that looked, so I went into html editor and added this

  Viewing it in the editor it looks the way I want it. Once I update the page and view it published on the site, it reverts back to letters.

  I can understand the site stripping code it doesn’t like, but if that was the case, why does the code still exist on the edit page? Why do I see it as Roman Numerals there but not that way on the published site page?

  My real question is, is there a way to use

  and actually have it appear on the published page as Roman Numerals?

  The blog I need help with is: (visible only to logged in users)

• 

  fstat · Staff · Sep 3, 2018 at 9:20 am

  • Copy link

  Hi there,

  Can you please let me know the page you’re referring to as well send me a screenshot of the HTML code you’re inserting as it isn’t properly embedded in the forum topic. You can use a tool like https://snag.gy/ to grab a screenshot.

• 

  martiansky · Member · Sep 4, 2018 at 7:43 pm

  • Copy link

  This is the page: Profiles in Chaos

  I have a screen shot, though I’m not sure how best to get it to you.

• 

  torres126 · Member · Sep 4, 2018 at 7:46 pm

  • Copy link

  Hi, you’re welcome to use a website which allows you to upload photos within a few seconds then gives you a link, then share that link here. An example of such a service would be http://prntscr.com or https://snag.gy.

  Let us know if you’re still having trouble with this. :)

• 

  martiansky · Member · Sep 4, 2018 at 8:04 pm

  • Copy link

  Here is a link: Screenshot of Code

  If there is a problem, I’ll post it someplace else.

• 

  torres126 · Member · Sep 4, 2018 at 8:35 pm

  • Copy link

  Your screenshot is loading fine for me. I’m sure a member of staff will help you with this issue soon. :)

• 

  brookedot · Member · Sep 4, 2018 at 8:55 pm

  • Copy link

  Hi there,

  You’ll want to use the HTML element list-style to set the style to upper-roman or lower-roman. Here’s a list of all available styles:
  https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type#Values

  Once you found one you want to use update your HTML from:
  <ol>
  to:
  <ol style="list-style: upper-roman;">

  Give that a go and let us know if you still have questions.

• 

  martiansky · Member · Sep 4, 2018 at 10:41 pm

  • Copy link

  I changed it and it works. Thank you, everyone.