Xeory Extension

バズ部「Xeory Extension」のリスト余白のカスタマイズ

バズ部「Xeory Extension」のリストの余白が気になりカスタマイズしてみました。カスタマイズをおこなう場合は、あくまで自己責任でお願いいたします。

<ul>タグのリストの左と下の余白が少し広いため、ちょっと狭くする方法です。

スポンサーリンク

リスト<ul>の左と下余白をカスタマイズ

外観 → テーマの編集 → スタイルシート (style.css) より

margin-bottom:2em

これでは下の余白のみ2文字分なので、上下左右を1文字分にする場合は

に書き換える。
さらにもう少し下に

があるので、削除するか /* でコメントアウトする。

と上下左右の余白が1文字分になります。

リスト<li>文字間を広くする方法

先ほど変更した下あたりに

を記載すればリスト<li>の文字間が上下左右1文字分空き見やすくなると思います。
または、上下と左のみ1文字分にする場合は

にすると右のみ1文字分の余白がなく表示されます。

Pocket


スポンサーリンク


こちらの記事も読まれています

コメントを残す

*