Twenty Seventeen 6, リストマークをひっこめる

Twenty Seventeenでは、ulリストやolリストの「リストマーク」が他の行より左側に出っ張って好きじゃないので、中にひっこめました。

外観 → CSS編集 → CSS追記に上のコードをコピペ

.entry-content ul, ol {
	margin: 0 0 1.5em 2.5em;
}

「margin: 0 0 1.5em 2.5em」は「上 → 右 → 下 → 左」の順なので、数値はお好みで。

ちょっと引っ込ませすぎたかもと思って最終的に行きついた先はこんな感じでした。

entry-content ul,ol {
	padding: 1em 3em;
	margin: 0.5em 0;
	background:linear-gradient(#EFFAF9, #7CD6CE);
}

追記

オリジナル投稿日:2017年8月5日

リライト再掲載日:2021年2月7日

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です