Wordpress 固定ページ中央寄せ

Question

Showcase Lite のテーマを使用しサイトを作成しています。
http://astaporthemes.com/product/showcase-wordpress-theme/

固定ページのサイドバーが不要だったため
page.php 内の <?php get_sidebar(); ?>を削除し消去しました。

その際にページ全体が左に寄ってしまったため中央に寄せたく

margin:0 auto; 設定

.single .entry-title {
text-align: center;
}```
をstyle.cssに挿入

など、調べた解決方法を参考に試みたのですがどうも上手くいきません。
どこを修正すればいいのでしょうか？

宜しくお願いいたします。

Comments

[kei344]

（質問文は編集できます）WordPressテーマはテーマ名だけではなく取得したURLを質問文に追記ください。（URLにはリンクを張ることができます）
また、質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[退会済みユーザー]

ご教示ありがとうございます。
修正いたしました。
宜しくお願いいたします。

[kei344]

バッククオート3つの前後には改行を入れてください。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
また、テーマのURLにアクセスすると404になっています。テーマ購入後に見られるページでしょうか。

Answer 1

質問に貼ってあったリンクが切れていたため、検索してこちらのテーマを用いました。間違っていたらすみません
この場合、中央に寄せるにはダッシュボードから [外観]→[カスタマイズ]→[追加CSS] と進んで下のコードをコピペするとできます。

パターン1

.page_content {
    display: flex;
    justify-content: center;
}

具体的には、幅100%になっている要素（page-content）のdisplayをflexにして、幅がそれより小さい子要素をjustify-contentで中央に寄せています。

パターン2

.site-main {
    width: 100%;
}

これは幅が小さい要素の幅を100%にすることで、画面幅全体を使うようにしています。中央には寄りませんが、長いテキストなどが画面の端まで改行されなくなります。

2種類やってみましたが好みがあると思うので、、、
参考になると幸いです