ウィジェット「最近の投稿」の右端に余白が欲しい

ふと気付いたのだけれど、投稿のタイトルが長いと、
右サイドバーに表示させている「最近の投稿」の表示がなんだか残念な感じ。。

右端に余白が欲しいです。

ということで、またファイルをいじることに。
デザインは「Snow」を使っているので、今回変更したのは下記ファイル。

/wp-content/themes/wp-alpha/skin/snow/skin.css.php

761行目あたりを書き換えました。

.sub .widget ul {
margin: 0;
padding: 0px 30px 0px 0px; ← “padding: 0;”となっていたのを変更
list-style: none;
}

これで以下のように右側に余白ができました。

 

padding とか、margin は、上下左右で指定したい数値が異なる場合は、
個数によって下記の順番で指定。
何度見てもこの順番が覚えられない。。

値が1つ:上下左右
値が2つ:上下 左右
値が3つ:上 左右 下
値が4つ:上 右 下 左

 

今回「skin.css.php」ファイルを直接書き直したけれど、
ALPHAの新しいバージョンが出たら上書きされてしまうことになるんだろうな。

子テーマの「style.css」にコピーしておこう。

 


追記) 子テーマに記載するときは、「!important」も必要。

.sub .widget ul {
margin: 0;
padding: 0px 30px 0px 0px !important;  ← 「!important」をつける
list-style: none;
}