【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連THE THOR

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

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約2分で読めます。
スポンサーリンク

WordPressテーマ THE THOR

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

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
ガジェット好きのmasaaが情報発信する2nd 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】番号無しリストのカスタマイズ

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

最後に

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

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

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
ザ・グランドマフィア
イース6 オンライン〜ナピシュテムの匣〜
リネージュ2M
魔剣伝説
超次元彼女
ライフアフター
グランドサマナーズ
ロードモバイル
駅メモ!-ステーションメモリーズ!

MASAa.net

コメント