iG:Syntax Hiliterを追加しました。

iG:Syntax Hiliter というプラグインをいれたのですが、Equilibrium WordPress Themeと一緒にiG:Syntax Hiliterを利用すると上手く表示されなかったので、CSSを少し変更したら上手く表示されました。
何が悪いのわからなかったので、どんな動きをしているのかソースコードとか見てたのですが、単にCSSの問題でした。
どこを修正したのか掲載しておきます。

CSSを変更する前では、こんな表示。

.png

以下のCSSに追加します。
plugins/ig_syntax_hilite/css/syntax_hilite_css.css

追加する内容は、27行目からの設定です。

  1. .syntax_hilite .langName { color:#000000; font-weight:bold; }
  2. .syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }
  3.  
  4. /*
  5. -----------------------------------------
  6. EXTENSION
  7. -----------------------------------------
  8. */
  9. .syntax_hilite ol {Padding-left:50px}
  10. .syntax_hilite li,al {list-style-type: decimal!important;}

書き換えに成功すると、以下のように表示されます。
どんなふうにして行数の表示をしているのか見ていたのですが、<ol> <li> で成立しておりました。
(そんなのもわからないで情けない・・・)

1.png

この問題は、Equilibrium WordPress Themeで、ol,liの定義で、list-style-type を■って設定しているからですね。

Leave a Reply