# Markdown does not display correctly

**URL:** <https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542>\
**Category:** RapidWeaver Classic\
**Created:** [March 2, 2019, 10:04pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542 "2019-03-02T22:04:10Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 2, 2019, 10:04pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/1 "2019-03-02T22:04:10Z")

</div>

I’m generating Markdown in an app called MacDown (recommended) and then pasting it into a Markdown stack. Everything is fine in edit mode but when in preview mode (and published) the ordered lists have no numbers and the unordered lists second and subsequent lines are not indented. RW 8.1.6. Theme is Ruby. Any ideas?

 ![32](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/0/0b834692cd7c0b2f48c0a3f626cdce47667c5c4b.png) ![46](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/1/1fefa97775126afc850bd5d8522faa33f09c8512.png)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 2, 2019, 10:13pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/2 "2019-03-02T22:13:23Z")

</div>

A URL would be helpful.  
Chances are the “no numbers” may be caused by CSS styling.

---

<div class="post-metadata">

**Author:** ![Mathew](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mathew/32/2771_2.png) [@Mathew](https://forums.realmacsoftware.com/u/Mathew)\
**Post date:** [March 2, 2019, 10:16pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/3 "2019-03-02T22:16:59Z")

</div>

@oldgustav It might also be helpful if you put the EXACT markdown you used on this post. I’m sure a URL would help also. Here’s how to do it: start with one line with three backticks. Put in markdown. Have a list line also with 3 back ticks. Kinda like this:

```auto
Thi is my code:

1. this
2. that
3. the other thing

And here's more

```

When it comes to lists folks sometimes forget to put a clean line break before and after the list.

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 2, 2019, 10:25pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/4 "2019-03-02T22:25:13Z")

</div>

Ruby’s CSS for Ordered Lists has the padding removed. This is due to the framework that was used on this older theme. The Zurb framework had a reset that removed the padding from these lists. You could add it back in with some custom CSS in the Page Inspector’s Custom CSS field though:

```auto
ol {
    padding-left: 24px;
}

```

You can adjust the padding to fit your needs if you’d like to customize it.

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 2, 2019, 10:35pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/5 "2019-03-02T22:35:35Z")

</div>

Thanks Adam, I will try this. Would this also cause the unordered lists to not indent on second and subsequent lines?

Sorry, didn’t include url because page is pagesafe protected.

---

<div class="post-metadata">

**Author:** ![isaiah](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/isaiah/32/93_2.png) [@isaiah](https://forums.realmacsoftware.com/u/isaiah)\
**Post date:** [March 3, 2019, 3:30am UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/6 "2019-03-03T03:30:49Z")

</div>

If they look great in Edit mode, but the styling is not great in Preview (and Publish) then it’s likely that the theme is (or isn’t) applying some styles to these things.

In edit mode some very basic styles are applied to Markdown things. But a theme has full control over how to make all those things look.

A quick test by changing to a different theme is an easy way to verify this – try one of the super old “Classic” themes, they may not be the best themes for a nice modern responsive site – but they had great vanilla styles for the basics and tend to style Markdown pretty clearly.

Isaiah

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 3:40am UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/7 "2019-03-03T03:40:26Z")

</div>

Yes. Ordered and unordered lists are set to a 0 px padding. Just add an unordered list tag to the css I provided above if you need those to also be inset:

```auto
ol,
ul {
    padding-left: 24px;
}

```

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 3:41am UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/8 "2019-03-03T03:41:07Z")

</div>

It is the css for the theme. It is not related to stacks at all.

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 9:10am UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/9 "2019-03-03T09:10:15Z")

</div>

I think this means the long-overdue changeover to a Foundry site is imminent. Thing is, there are 70 pages and going up all the time…

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 9:16am UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/10 "2019-03-03T09:16:25Z")

</div>

Well, that sorted the ordered list nicely but the unordered list refuses to come into line. However, when switched to ordered list, the list items line up. Maybe I’ll leave it as a numbered list…

I really need to upgrade this site to Foundry. Thanks for your help.

 ![38](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/1/107522f56432b08fbf3e3926b3e8bde881010c32.jpeg)

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 1:39pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/11 "2019-03-03T13:39:13Z")

</div>

The alignment of the bullets in the unordered list is a different thing entirely. The `list-style-position` for the unordered list is set to `inside` for the Ruby theme, as that is the design I was going for. You can alter it if you like to be `outside`, which is what I believe you’re looking for.

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 1:52pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/12 "2019-03-03T13:52:37Z")

</div>

Oh brilliant! Is there a piece of custom CSS for that as well?

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 1:59pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/13 "2019-03-03T13:59:38Z")

</div>

Sure. Google: `css ul list style position` and you’ll be on your way! 🙂

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 2:22pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/14 "2019-03-03T14:22:32Z")

</div>

Sorry Adam. I asked for that - and I’m always saying ‘find out for yourself!’

Doesn’t seem to want to play - but no worries, happy with ordered list!

 ![49](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/c/c3110e80b5ca9fa8224028bd50da1da3bf8ba4f3.jpeg)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 3, 2019, 2:56pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/15 "2019-03-03T14:56:45Z")

</div>

If you would like help with CSS it’s always best to provide a URL to at least a test page.

I know you said earlier that it’s a “page safe” thing but you can create a simple test page outside of page safe with the theme and issue.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 3, 2019, 3:06pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/16 "2019-03-03T15:06:01Z")

</div>

By the way try dropping the `.a`

```auto
ul {
list-style-position: outside;
}

```

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 3:12pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/17 "2019-03-03T15:12:08Z")

</div>

> [@teefers](#):
>
> By the way try dropping the `.a`
> 
> ```auto
> ul {
> list-style-position: outside;
> }
> 
> ```

This.

Don’t forget your padding, too.

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 6:58pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/18 "2019-03-03T18:58:10Z")

</div>

Yes, you are right - and it’s not as though it is highly confidential info anyway - it’s just to keep the Russian hackers out 🙂

---

<div class="post-metadata">

**Author:** ![oldgustav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oldgustav/32/2477_2.png) [@oldgustav](https://forums.realmacsoftware.com/u/oldgustav)\
**Post date:** [March 3, 2019, 6:59pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/19 "2019-03-03T18:59:08Z")

</div>

This plus padding worked perfectly! Thanks both - and it’s Sunday!

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [March 3, 2019, 7:09pm UTC](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542/20 "2019-03-03T19:09:24Z")

</div>

No problem. Enjoy the rest of your weekend. Look forward to seeing what you build when you go from Ruby to Foundry too! 😁

[Next page](https://forums.realmacsoftware.com/t/markdown-does-not-display-correctly/25542.md?page=2)