サイドバー 336pxにすると右下にずれてしまった

Simplicityの特徴 フォーラム 不具合報告 サイドバー 336pxにすると右下にずれてしまった

このトピックには4件の返信が含まれ、1人の参加者がいます。1 年、 4 ヶ月前 cragycloud さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #59457

    cragycloud

    サイドバーをカスタマイズで336pxにしたところ反映しませんでした。ちなみにヘッダー画像も入れ替えました。

    小テーマにサイドバー項目をカスタマイズのためにコピぺ記述していたので、そのせいだろうと考えて、300pxから336pxに記述を変更しました。

    その結果を確かめてみると、サイドバーは336pxに広がっていましたが、大きく右下にずれていました。PCで見た場合、メインカラムの最下部の右下になります。

    どうやらメインカラムが左にずれていないせいだと思いますが、どのように修正すればいいでしょうか。よろしくお願いいたします。

    当該サイトは以下になります。
    https://beingwild.net/

  • #59458

    Akira

    まず子テーマの style.css から、以下の CSS を削除します。親テーマと全く一緒の指定なので、子テーマに書く必要はありません。

    #sidebar {
      float: right;
      width: 300px;
      margin-bottom: 30px;
    }

    次にテーマ設定の「レイアウト(全体・リスト)」より、「サイドバーの幅を336pxに」を有効化します。

  • #59459

    cragycloud

    ありがとうございます。
    さっそくご指導頂いた通りやってみました。

    しかし、やはり右下にずれてしまいます。どうしたもんでしょうか。

    編集で小テーマのサイドバー記述を削除、カスタマイズで336pxを有効化いたしました。
    ついでにヘッダー画像も入れ替えました。ちなみにキャッシュは削除しました。

    その他、修正する方法ありましたら、引き続きご指導ください。
    よろしくお願いいたします。

  • #59460

    Akira

    子テーマから以下の CSS も削除されて下さい。その後、「サイドバーの幅を336pxに」を有効化します。

    #header-in, #navi-in, #body-in, #footer-in{
      width: 1070px;
      margin: 0 auto;
      box-sizing: border-box;
    }

    上記 CSS も親テーマと全く一緒の指定です。親テーマと同じ指定の CSS は、子テーマから一層されることをおすすめします。

  • #59461

    cragycloud

    ありがとうございました
    ご指導の通りに修正したところ、見事に解決いたしました。

    大変お手数をお掛けしました。ありがとうございました。

トピック「サイドバー 336pxにすると右下にずれてしまった」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)