Crayon Syntax Highlighter
Styling too tight (3 posts)

  1. kaylesimon
    Posted 3 years ago #

    Trying this out and it seems to be a very nice plugin. However, I'm frustrated by the styling of the code. There is a lack of space between the rule and the code, and a lack of space between lines, that is very hard on the eyes. When I try to affect these through the css, I seem to be able to affect the code but not the line numbers. Can you direct me to a way, within the css or your plugin's settings, to give us a bit of padding within the box, at least? It's just bad visually to have it all so crunched together. You have given us margin settings for space above and below the box, but not within, as far as I can see.


  2. akarmenia
    Plugin Author

    Posted 3 years ago #

    At the moment you can't use the settings to inner margins and line heights. I could add this in the next version. In the meantime, this will work:

    .crayon-theme-classic .crayon-nums,
    .crayon-theme-classic .crayon-plain,
    .crayon-theme-classic .crayon-pre {
    	font-size: 12px !important;
    	line-height: 20px !important;
    .crayon-theme-classic .crayon-num,
    .crayon-theme-classic .crayon-line {
    	height: 20px;

    I've changed line height to 20px.

  3. akarmenia
    Plugin Author

    Posted 3 years ago #

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Crayon Syntax Highlighter
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic