This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Crayon syntax highlighting issues with Vantage Pro

Resolved 3 replies premiumthemetheme-vantage
Danny Goodall
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 16 days ago

    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. Danny Goodall 11 years, 16 days ago

    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. Andrew Misplon Staff 11 years, 15 days ago

    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.

Have a different question or issue?

Start New Thread