Different CSS for same shortcode?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Andi Dittrich

    (@andi-dittrich)

    Dear Nikodemsky,

    it seems like there are some other styles on your page (xml2.png, grey background) which will override Enlighter’s padding as well as border-radius attributes.
    please check your stylesheets (e.g. use chrome developer tools to inspect the css) and remove all rules applied to pre and code tags

    best regards, Andi

    Thread Starter Nikodemsky

    (@nikodemsky)

    I removed every pre/code rules from my css and it’s still the same :\

    https://playernotes.pl/2012/01/przeglad-dodatkow-do-gry-world-of-tanks/
    – on this page i’m mostly using those codes.

    Is there anything else i can do?

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    I found your problem…you’ve mixed inline with block highlighting here: https://i.imgur.com/3nGChEU.png?1

    the enlighter elments within the screenshot are inline-highlighted (which is normally only used within a text-block). therefore other (smaller) styles are applied.

    if you are using shortcodes, each shortcode without linebreaks within is handled as inline code.

    inline example:
    [xml]<xmc id="a">....</xmc>

    block example:

    [xml]
<xmc id="a">....</xmc>

    you can globally disable inline-syntax-highlighting on Settings -> Enlighter -> Advanced -> Inline Syntax Highlighting

    Thread Starter Nikodemsky

    (@nikodemsky)

    Yep, seems like it fixed the styling. Thx again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Different CSS for same shortcode?’ is closed to new replies.