Wordpress・固定ページ/投稿ページの幅を変更したい（2カラム表示）

Question

前提・実現したいこと

WordPressでWebページを制作中です。
テーマはLightning(子テーマでLightning Chiid)を使用しています。

固定ページや投稿ページには2カラムの設定をしているのですが、
PC表示の際に、本文の部分を幅900pxにしたいです。

現在は900pxの画像を配置しても、740pxになっているので
最大幅が740pxの設定になっているのだと思われます。

ネット上で見つけた下記のCSSコードを
style.cssに記載したのですが、幅が変わりませんでした。

本文の最大幅を900pxにする設定の仕方を教えてください。
どうぞよろしくお願いします。

試したCSSのコード

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 900px;/*記事幅*/
}

------------

@media (min-width: 992px) {
	/*メインセクション*/
	.mainSection-col-two {
	    width: 75%;
	}
	/*サイドバー*/
	.sideSection-col-two {
	    width: calc(25% - 3em);
	}
}
--------------------
.page-full #main {
    width: 900px;
    max-width: 100%;
    margin: auto;
    float: none;
}

Comments

[Lhankor_Mhy]

.twentyseventeen-front-page とあるので、これは twentyseventeenテーマ用のコードなのではないですか？

[idoorweb]

そうだと思います。twentyseventeenとしての解説として掲載されていましたが、
Lightningへの応用方法が分かりませんでした。

Answer 1

サンプルページで試した限りではこんな感じでしょうか。

.single .site-body .container,
.page .site-body .container{
  max-width: none !important; 
}

Comments

[idoorweb]

ご回答ありがとうございます。

.single .site-body .container,
.page .site-body .container{
max-width:1400px;
}

とすることで、表示幅は大きくなりましたが
2カラム目との距離が開いてしまったり、
パンくずとも表示よりもコンテンツ部分が左に出でしまったり
表示崩れがおきたので、こちらのコードをヒントにもう少し試行錯誤してみます。

ありがとうございます。