damian5129さん、こんにちは。
.site-content {
float: none;/*←変更*/
margin: auto;/*←追加*/
}
.widget-area {
display: none;/*←追加*/
}
twenty twelveの構造を詳しく知らない状態で恐縮ですが
テーマのプレビューからはこのように変更すると
ご希望の動きになると思いますがいかがでしょうか。
jsなどで動的に上記プロパティを変更していると
cssの編集だけでは厳しいかもしれません。(!importantを付けると動くかも)
すみません、ウィジェットの空白を詰めることができませんでした。
度々失礼いたします。
ウィジェットのところに
visibility:hidden
が設定されていましたら
display: none;
に変更されてどうなるでしょうか。
■捕捉■
最初の回答でmargin: autoをご紹介してしまいましたが
今どきは下記のように書くことが増えていますので修正します。
#main {
display: flex;
justify-content: center;
}
つまり、site-contentではなく#mainの方を使うのですか?
こちらも補足ですが、今確認したところ確かに中心になりました。しかし、固定ページ投稿ページ全てが中心位置になってしまいました。
投稿ページだけ中心にすることはできますか?
#mainでやったらできました。
ありがとうございます。