【Lightning】メインコンテンツの幅を変更する

ご覧いただきありがとうございます。

この記事はWPテーマ【lightning】のヘッダーから下のメイン部分の幅を変更する手順を書いています。

こんなお悩みを解消します。

オリジナルではこんな感じ。テキストが画面幅に合わせて広く表示されます。

この表示される幅を任意の幅に変更します。画像は最大幅８５０ｐｘに変更しました。

見た目がスッキリしてテキストも目に入ってきやすいかと思います。

手順

手順は簡単です。

固定ページの一番下にあるカスタムｃｓｓを開いて以下のコードを張り付けるだけです。

数字の部分が横幅になるので任意の数字に変更してみてください。

/*コンテンツの表示幅を変更*/
.container{max-width:850px;}