Works great BUT…

  • Great plugin for including code into your posts BUT why is ALL the styling done with !important so you can’t make adjustments to styling right from your theme’s/childs style.css?!?

    Issue is that style.css gets loaded in the <head> section while the plugin inserts the links to it’s stylesheets just in front of the ‘code box’ via a jQuery script.

    Now I’ve to go into syntaxhighlighter/syntaxhighlighter3/styles/shCore.css and change:

    .syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
...
font-size: 1em !important;

    into

    font-size: 1em;

    to make it possible… kinda annoying to be honest.

    My suggestion is to remove the !important for the font-size line only as that is pretty much the key style item users may want to change.

    For the other style items I can see the point why you want to make it fixed to ensure proper displaying of the inserted code in the blog as you guys intend to offer with the plugin.

    The 5th star will be assigned when the font-size is without the !important tag ??

Viewing 1 replies (of 1 total)
  • Thread Starter Steven

    (@stgoos)

    Btw… also:

    .syntaxhighlighter {
...
font-size: 1em !important;

    should be changed into:

    font-size: 1em;
Viewing 1 replies (of 1 total)
  • The topic ‘Works great BUT…’ is closed to new replies.