Title: Different CSS for same shortcode?
Last modified: August 22, 2016
---
# Different CSS for same shortcode?
* Resolved [Nikodemsky](https://wordpress.org/support/users/nikodemsky/)
* (@nikodemsky)
* [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/)
* Hi,
* i was wondering about one thing, please check those two images:
[http://s30.postimg.org/n8z3o21a9/xml1.png](http://s30.postimg.org/n8z3o21a9/xml1.png)
[http://s30.postimg.org/z9kjos8ox/xml2.png](http://s30.postimg.org/z9kjos8ox/xml2.png)
* As you can see code looks diferently in this two cases, but it’s same shortcode–**[
xml]** – and i have no idea what causing that behaviour.
* I would like to have either first or second visual option for all code examples–
how can i achive that?
* Thanks in advance.
* [https://wordpress.org/plugins/enlighter/](https://wordpress.org/plugins/enlighter/)
Viewing 4 replies - 1 through 4 (of 4 total)
* Plugin Author [Andi Dittrich](https://wordpress.org/support/users/andi-dittrich/)
* (@andi-dittrich)
* [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/#post-5617995)
* 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](https://wordpress.org/support/users/nikodemsky/)
* (@nikodemsky)
* [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/#post-5618067)
* I removed every pre/code rules from my css and it’s still the same :\
* [http://playernotes.pl/2012/01/przeglad-dodatkow-do-gry-world-of-tanks/](http://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](https://wordpress.org/support/users/andi-dittrich/)
* (@andi-dittrich)
* [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/#post-5618077)
* I found your problem…you’ve mixed inline with block highlighting here: [http://i.imgur.com/3nGChEU.png?1](http://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]....`
* **block example:**
* ```
[xml]
....
```
* you can globally disable inline-syntax-highlighting on `Settings -> Enlighter-
> Advanced -> Inline Syntax Highlighting`
* Thread Starter [Nikodemsky](https://wordpress.org/support/users/nikodemsky/)
* (@nikodemsky)
* [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/#post-5618079)
* 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.
* 
* [Enlighter - Customizable Syntax Highlighter](https://wordpress.org/plugins/enlighter/)
* [Frequently Asked Questions](https://wordpress.org/plugins/enlighter/#faq)
* [Support Threads](https://wordpress.org/support/plugin/enlighter/)
* [Active Topics](https://wordpress.org/support/plugin/enlighter/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/enlighter/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/enlighter/reviews/)
* 4 replies
* 2 participants
* Last reply from: [Nikodemsky](https://wordpress.org/support/users/nikodemsky/)
* Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/different-css-for-same-shortcode/#post-5618079)
* Status: resolved