STINGER PLUS2のサイドバー・記事エリアのサイズ変更

WordPressで無料テーマ「STINGER PLUS2」をカスタマイズしながらサイトを作っております。

デフォルトではサイドバーの幅が広く、記事ページ・固定ページの幅が狭く感じるので、サイドバーを幅を狭くして
記事ページ・固定ページの幅を広げたいと思っております。
まずはstyle.cssの「ＰＣのレイアウト（左サイドバー）」の部分のwidthの値を変えながら確認しておりますが、
見た目余り変化が無く、どの様に変えるのかが良く判りません。

とりあえずstyle.cssの「PCレイアウト（左サイドバー）」のところを以下の様に変えてみましたが、
特に変化がありませんでした。

CSS
1        style.css（変更前）
2	/*--------------------------------
3	PCのレイアウト（左サイドバー）
4	※st-kanricss.phpで制御されています
5
6	#contentInner {
7		float: right;
8		width: 100%;
9		margin-left: -320px;
10	}
11
12	main {
13		margin-right: 0px;
14		margin-left: 320px;
15		background-color: #fff;
16		border-radius: 4px;
17		-webkit-border-radius: 4px;
18		-moz-border-radius: 4px;
19		padding: 30px 50px 30px;
20	}
21
22	#side aside {
23		float: left;
24		width: 300px;
25	---------------------------------*/
26

CSS
1        style.css（変更後）
2	/*--------------------------------
3	PCのレイアウト（左サイドバー）
4	※st-kanricss.phpで制御されています
5
6	#contentInner {
7		float: right;
8		width: 60%;/* 100 --> 60 */ 
9		margin-left: -220px;/* -320 --> -220 */
10	}
11
12	main {
13		margin-right: 0px;
14		margin-left: 220px;/* 320 --> 220 */
15		background-color: #fff;
16		border-radius: 4px;
17		-webkit-border-radius: 4px;
18		-moz-border-radius: 4px;
19		padding: 30px 50px 30px;
20	}
21
22	#side aside {
23		float: left;
24		width: 200px;/* 300 --> 200 */
25	---------------------------------*/
26

次にstyle.cssのコメント「st-kanricss.php」を確認した所、「PCのレイアウト（左サイドバー）」の箇所があり、
こちらを同じように変えてみたところ、サイドバーの幅は狭くなりましたが、合せて記事エリアの幅も狭くなって
しまいました。（サードバーと記事エリアの間隔が広くなった）

PHP
1        st-kanricss.php（変更前）
2	/*--------------------------------
3	PCのレイアウト（左サイドバー）
4	---------------------------------*/
5
6	#contentInner {
7		float: right;
8		width: 100%;
9		margin-left: -320px;
10	}
11
12	main {
13		margin-right: 0px;
14		margin-left: 320px;
15		background-color: #fff;
16		border-radius: 4px;
17		-webkit-border-radius: 4px;
18		-moz-border-radius: 4px;
19		padding: 30px 50px 30px;
20	}
21
22	#side aside {
23		float: left;
24		width: 300px;
25		padding: 0px;
26	}
27
28

PHP
1        st-kanricss.php（変更後）
2	/*--------------------------------
3	PCのレイアウト（左サイドバー）
4	---------------------------------*/
5
6	#contentInner {
7		float: right;
8		width: 60%;/* 100 --> 60 */
9		margin-left: -220px;/* -320 --> -220 */
10	}
11
12	main {
13		margin-right: 0px;
14		margin-left: 220px;/* 320 --> 220 */
15		background-color: #fff;
16		border-radius: 4px;
17		-webkit-border-radius: 4px;
18		-moz-border-radius: 4px;
19		padding: 30px 50px 30px;
20	}
21
22	#side aside {
23		float: left;
24		width: 200px;/* 300 --> 200 */
25		padding: 0px;
26	}
27

PHPに関して余り詳しくない為、アドバイス等を頂けると非常に助かります。
よろしくお願い致します。

退会済みユーザー

2019/02/01 06:56

CSSはそれ単体だけだとどのような表示になるかわかりません。関係しているHTMLコード（PHPが出力したもの）を質問文に追記し、質問のタグに「HTML」「CSS」を追加してはどうでしょうか。HTMLとCSSがセットで質問文に書かれていれば、WordPressについて知らない人でも回答がしやすくなると思います。