THE THORWordPress

【THE THOR】番号無しリストのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

The main blog of masaa powered by WordPress.
スマホ、ガジェット、食玩などの記事をWordPressブログに毎日更新中!中の人はこれでもパパ。

WordPressテーマ THE THOR(ザ・トール)の「番号無しリストの微調整」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR 番号無しリスト

WordPressテーマ THE THOR(ザ・トール)の「番号無しリスト」は通常下記のようになっています。

自分の場合「番号無しリスト」のデザインは【ステッチ[カラーA:マーク B:線 C:背景]】に設定しています。

この「番号無しリスト」は、【パーツスタイル設定[THE]】→【リスト設定(個別ページ用)】から設定することができます。

特に問題は無いのですが、個人的に黒丸マークと入力文字の間隔が狭く気になるところです。

WordPressテーマ THE THOR 番号無しリスト微調整のカスタマイズ

「番号無しリストの微調整」についてカスタマイズを行います。

カスタマイズ内容

「番号無しリストの微調整」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。

/************************************
** ■番号なしリストカスタマイズ
************************************/
.content ul li {
	padding-left: 2.1rem; /*内側余白設定*/
}

カスタマイズ後の番号無しリスト

カスタマイズ後の「番号無しリストの微調整」のカスタマイズによって、WordPressテーマ THE THOR(ザ・トール)の「番号無しリスト」は、下記の様になりました。

【THE THOR】番号無しリストのカスタマイズ

デフォルトと比べると黒丸マークと入力文字の間隔が若干広がっています。

最後に

人によっては気にならないレベルですが、取りあえず個人的にスッキリしました。

次回エントリー記事では、同様に「番号付リストの微調整」のカスタマイズについて掲載します。

コメント