サポート » テーマ » huemanの両サイドバーの幅 300pxにしたい

  • 解決済 MANAMI999

    (@manami999)


    すみませんwどうしても
    うまくいかなくてw💦

    ワードプレスのhuemanのテーマで3カラムをつかってwいます
    その両方にあるサイドバーの幅が微妙に違ってw

    色々と調べたのですがw260pxで両幅を合わせるやりかた
    あってwためしてできたのですがw

    それがこれ(子テーマにて挿入だけで)
    .col-3cm .main-inner { background-position: -80px 0; padding-left: 260px; }
    .col-3cm .s1 { width: 260px; margin-left: -260px; }

    何故か両幅を300pxにしようとすると
    レイアウトが崩れたり…

    右側の(MORE)って書いてあるほうのサイドバーの
    灰色の背景がその(MORE)って色つきのデザインより幅が短い
    時もあったりw

    どういじってもわかりませんでした

    260pxならうまくいくのに
    なぜでしょう?

    ちなみに子テーマでの編集してるので
    直接的テーマ編集には書いてません

    レイアウトをいじるのは結構難しいですねw
    わかる方w教えていただけるとありがたいですm(__)m

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

    理屈を細かく説明すると、ひどく面倒なので

    親テーマの style.cssの先頭のコメント以外をテキストエディタにコピー

    置換処理 340px を 300px に置換
         260px を 300px に置換

    置換したものを、チャイルドテーマの style.cssにコピー
    チャイルドテーマのstyle.cssに以下を追加

    .col-3cm .main,
    .col-3cm .main-inner{
        background:none!important;
    }

    うまくいったら、
    @import (親スタイル)を追加して、

    300px(-300pxも残してください)の表示があるルールセット以外を削除

    以下のようなルールも残してくださいね。
    この内側のいらないやつだけ削除

    @media only screen and (...) {
      ...
    }

    で、OK

    ありがとう♥
    ちょっとw忙しくてw
    なかなか変更できないでいます💦

    親切に教えていただいてw
    大変うれしいですw♪

    是非w試してみます♪
    うまくwいったらいいんですけどw💦

    ありがとうございました❤

    nobitaさん

    あれから言われたようにやってみました🎵

    なんとかできることができました~
    本当に感動してます🎵

    すごいお詳しい方なんですね~うちも
    それくらい出来るように頑張りたいと思います

    本当にありがとうございましたぁm(__)m❤

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「huemanの両サイドバーの幅 300pxにしたい」には新たに返信することはできません。