Table of Contents - custom CSS?

jay's Avatar


12 Feb, 2012 06:36 PM

Is there a way to get Marked to use my custom CSS file for the table of contents? I find the uppercase incredibly hard to read, and adding a #generated-toc a class doesn't seem to have any effect.

  1. Support Staff 1 Posted by Brett on 12 Feb, 2012 06:56 PM

    Brett's Avatar

    Sorry, no. I need to maintain control of the layout across all CSS and avoid conflicting styles, so I override custom CSS styles that would conflict in the final preview output. I'd be willing to consider new styling for it, or additional options, though.

    If you want the markup to try styling and offer suggestions, just right click in the preview and choose Inspect Element, then right click on the html element and "Copy as HTML". Then you can paste the entire DOM from the current preview into a new file and adjust styling as you like. If you come up with something great, let me know and I'll consider adding it as a default or preference option.

  2. 2 Posted by jay on 12 Feb, 2012 09:26 PM

    jay's Avatar

    I'd recommend just leaving out the text-transform: uppercase. In general, mixed case is easier to read; all-caps is nice for an effect, but not a giant menu :)

  3. Support Staff 3 Posted by Brett on 12 Feb, 2012 09:40 PM

    Brett's Avatar

    Agreed, and done!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac