サポート » 使い方全般 » ページ全体の幅を中央寄せに小さくしたい

  • 初めまして。企業オウンドメディアの制作を担当している者です。
    CSS、ワードプレス初心者のため質問させて頂きます。

    テーマはフリーのニューブログというものです。
    https://www.postmagthemes.com/downloads/new-blog-a-free-wordpress-theme/

    ①サイト全体の幅を(バランス)中央寄せにし、左右の余白を作りバランスを整えたいです。一度、テーマエディターよりCSSをいじりながら試していたらサイト全体の幅が左右いっぱいになってしまい見辛くなってしまいました。対処方法を御指南頂けますと幸いです。

    ②テーマの更新をしたタイミンングのせいかサイトにTOPに戻るボタンが表示されるようになりました。
    PCだと問題ないのですが、携帯だとページを邪魔しているように感じ消したいと考えております。カスタムページで設定を探してみましたが見当たらない状況です。削除方法を御指南頂けますと幸いです。

    • このトピックはaomaruが2年、 2ヶ月前に変更しました。

    ヘルプの必要なページ: [リンクを見るにはログイン]

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • aomaruさん、こんにちは。

    まず、該当サイトの/themes/new-blog/style.cssと公式からダウンロードした同じファイルをコードレベルで確認すると、違いは1か所のみのようです。

    aomaruさんサイトのCSSの記述

    .post-page-numbers.current {
    	margin-left:300px;
    	margin-right:300px;
    }

    公式からダウンロードした最新版

    .post-page-numbers.current {
    	margin-left: 15px;
    	margin-right: 15px;
    }

    元に戻すのであればまずはこの記述を戻すことかと思います。
    が、

    テーマエディターよりCSSをいじりながら試していたらサイト全体の幅が左右いっぱいになってしまい見辛くなってしまいました。

    子テーマを作らずにこの手法はよろしくないです。テーマファイルがバージョンアップされると修正が元に戻ってしまいます。子テーマを作成して編集することをお勧めいたします。
    子テーマの作成はプラグインでも可能ですが、ハードルが高いというようであれば、最低でもテーマカスタマイズの追加CSSの編集に留めておきましょう。

    ②のTOPに戻るボタンとはページトップにスクロールする上向きの矢印のことでしょうか。
    テーマカスタマイズからテーマオプションを確認してみましたが、表示を変更するオプションはなさそうでした。デフォルトで表示されているようですので、CSS等にて非表示とする方が簡単かもしれません。
    追加CSSに以下の

    #scrollUp {
    	display: none;
    }

    記述だけでも消すことは可能かと思います。

    ご参考になれば。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「ページ全体の幅を中央寄せに小さくしたい」には新たに返信することはできません。