WordPress

  (最終更新日:2015.10.28)

【WordPress】SyntaxHighlighter Evolvedで上下に余白を入れる方法

スポンサーリンク

WordPressのありがたプラグイン《SyntaxHighlighter Evolved》で、上下の余白(マージン)を変更する方法のメモです。

2015-10-28_13h34_56

プラグインのCSSファイルを直接いじるのでやや面倒ですが頑張ってください。(投げやり)

修正するのはプラグインのスタイルシートファイル《shCore.css》になります。

./wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

上下の余白を変更したい場合は クラスsyntaxhighlighter の箇所を修正。

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;  ←  1em を例えば 2em に増やしてみる
  position: relative !important;
  overflow: auto !important;
  overflow-y: hidden !important;
  font-size: 1em !important;
}

これで完了です。

関連記事

  1. WordPress

    【WordPressプラグイン】WordPress Visual Icon Fontsを入れるとアイ…

    いろいろなマークのアイコンって便利ですよね!ただ、いざWo…

  2. WordPress

    WordPressのテーマをSimplicity 1から2にバージョンアップしたお話し

    このスキコミでも便利に使わせてもらっているWordPressテ…

  3. WordPress

    【WordPress有料テーマ比較】MAGとアルバトロスの決定的な違い

    WordPressの有料テーマとして大御所中の大御所といえば、TCDが…

  4. WordPress

    さくらインターネットでWordPressのSimplicityテーマを簡単安全にバージョンアップする…

    ここ最近ちまたで話題になっている、SEO対策がバッチリ施されたWord…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

Twitter

  1. Googleフォト

    Googleフォトの公式パソコン用ソフトがリリースされたので早速インストールして…
  2. Evernote

    今朝からEvernoteの同期が失敗するのはEvernoteが攻撃を受けて全アカ…
  3. 未分類

    他キャリアユーザーがソフトバンクでiPad miniを購入した場合の月額料金まと…
  4. 熊本の話題

    8月8日から発売が開始されたくまモンのWAONカード「くまもと火の国WAON」が…
  5. Webサービス

    【Hootsuite】SNSのアイコンの画像が表示されないときの対処方法
PAGE TOP