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

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

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

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

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

margin-bottom:2em

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

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

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

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

【PR】伝統の和風おせちやキャラクターおせち

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

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

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

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

国内格安航空券・飛行機の予約はスカイチケットがおすすめ!

ご家族や、お友だちとのご旅行には『スカイチケット』での検索・比較・予約がお得で便利です。国内14社・海外700社以上の航空会社から、飛行機チケットの最安値をリアルタイムで一括比較が可能です。

本日の注目記事はこちら



【PR】携帯・電子機器の買取におすすめ!
ダンボールに詰めて自宅で待つだけ。ご自宅まで無料で集荷に伺います。送料無料、査定無料、梱包材無料、手数料無料です。

コメントを残す

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