サポート » 使い方全般 » コンテンツを中心に配置させたい。

  • 解決済 damian5129

    (@damian5129)


    ウィジェットを削除して、コンテンツを中心に配置させたいのですが、ウィジェットを削除してコンテンツのcssをいじってもコンテンツが中心に配置させません。
    コンテンツはデフォルトだと、左寄りですよね。それを中心に配置させたいです。
    テーマはtwenty twelveです。

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

    .site-content {
    float: none;/*←変更*/
    margin: auto;/*←追加*/
    }

    .widget-area {
    display: none;/*←追加*/
    }

    twenty twelveの構造を詳しく知らない状態で恐縮ですが
    テーマのプレビューからはこのように変更すると
    ご希望の動きになると思いますがいかがでしょうか。

    jsなどで動的に上記プロパティを変更していると
    cssの編集だけでは厳しいかもしれません。(!importantを付けると動くかも)

    トピック投稿者 damian5129

    (@damian5129)

    すみません、ウィジェットの空白を詰めることができませんでした。

    度々失礼いたします。

    ウィジェットのところに
    visibility:hidden
    が設定されていましたら
    display: none;
    に変更されてどうなるでしょうか。

    ■捕捉■
    最初の回答でmargin: autoをご紹介してしまいましたが
    今どきは下記のように書くことが増えていますので修正します。
    #main {
    display: flex;
    justify-content: center;
    }

    トピック投稿者 damian5129

    (@damian5129)

    つまり、site-contentではなく#mainの方を使うのですか?

    トピック投稿者 damian5129

    (@damian5129)

    こちらも補足ですが、今確認したところ確かに中心になりました。しかし、固定ページ投稿ページ全てが中心位置になってしまいました。
    投稿ページだけ中心にすることはできますか?

    • この返信は7年、 3ヶ月前にdamian5129が編集しました。
    トピック投稿者 damian5129

    (@damian5129)

    #mainでやったらできました。
    ありがとうございます。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「コンテンツを中心に配置させたい。」には新たに返信することはできません。