LoginSignup
0
0

More than 5 years have passed since last update.

@cielavenir

Octopressのコード表示の行番号のズレを直す

Last updated at Posted at 2016-12-08

私のブログで、コード表示をすると、行番号がずれて表示されていた。

bootstrap.png

検索しても情報が出ないので困り果てていたが、ふとWebインスペクタを見ると、bootstrap.cssがsyntax.cssと干渉しているのが原因だと判明した。

方法

bootstrap.cssのcode,pre{}に、font-size:12px;なる箇所があるので、これを削除すれば良いです。

余談

(スクリーンショットですが、pngoutで圧縮した後、7pngで再圧縮することでわずかながらより小さい画像を作成できました)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0