[WordPress] ul が左に40px空いてしまうのを直す方法

WordPressでulのmarginやpaddingを 「0 0 0 0」にしても左側が空いてしまうという症状が発生しました。
GoogleChromeのデベロッパーツールでみると、ulに「padding-inline-start: 40px」となっています。
初期状態で何か値が設定されてしまっているようです。user agent stylesheet というところに設定されていると表示されています。

初期症状の値

この記載はどこにあるかというと「自分のテーマのstyleseet」でもなく、「WordPressのデフォルト」のものでもありません。
これはブラウザごとに定義されているスタイルシート(user agent stylesheet)になっており、この値を変更したい場合は、それを打ち消すCSSを記載しなければなりません。

初期症状の値

これで margin と padding が0になって左に寄りました。



Author: webmaster