Home>Support>Crayon syntax highlighting issues with Vantage Pro

Crayon syntax highlighting issues with Vantage Pro

By Danny Goodall, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi, I’m using Vantage Pro on a number of my sites and love it. On one site I use the Crayon Syntax Highlighter plugin which works quite well with Vantage Pro. However, the inline text facility does not render correctly.
I don’t know where the ‘fault’ lies with this, but I wonder if anyone might suggest a CSS hack or fix that might get it working, that would be great.
The issue can be see at this page:

Test Page to Demonstrate Issue With Crayon Syntax Highlighter


Thanks

URL: http://www.codefurther.org/test-page-to-demonstrate-issue-with-crayon-syntax-highlighter/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Danny

    Thanks for your support.

    If you remove the Vantage stylesheet using Chrome Developer or your browser of choice, you’ll notice the problem persists.

    highest_market_value

    has the following selector applied to it:

    .crayon-theme-sublime-text .crayon-pre .crayon-v {
color: #f8f8f2 !important;
}

    Near white on white. Here is the “on white” part:

    .crayon-theme-sublime-text-inline {
border-width: 1px !important;
border-color: #ddd !important;
border-style: solid !important;
background: #fafafa !important;
}

    Which is overriding the following:

    .crayon-theme-sublime-text {
border-width: 1px !important;
border-color: #999 !important;
border-style: solid !important;
text-shadow: none !important;
background: #272822 !important;
}

    The above is all overridden.

    We could hack this but I’m wondering if there isn’t a better fix. Why is the plugin rolling out #f8f8f8 on #fafafa? Any chance this could be addressed in the plugin options? How does the inline style look with a default theme activated?

  2. 9 years, 7 months ago Danny Goodall

    Andrew, that has helped to narrow it down. Crayon allows you to edit these themes, so I edited the one I was using (Sublime Text) looking for a reference to #fafafa. The section that controls backgrounds were all set correctly, but #fafafa appeared in the section that deals with borders ???

    Anyway, I changed that to #272822, and it now seems to allow me to post inline with a dark background. It looks like either a ‘glitch’ in the default shipped themes, or more likely, that the logic that is applying the border when the code is inline, is not quite right.

    I’ll contact the author of Crayon and inform him what I found.

    Thanks for your help. I really appreciate it.

    Cheers, Dan.

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear you were able to look around and make a plan from there.

    All the best with your project.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More