huemanの両サイドバーの幅 300pxにしたい

  • 解決済 MANAMI999

    (@manami999)


    8年、 9ヶ月前

    すみません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件中)
  • nobita

    (@nobita)

    8年、 9ヶ月前

    こんにちは、

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

    親テーマの 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

    トピック投稿者 MANAMI999

    (@manami999)

    8年、 9ヶ月前

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

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

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

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

    トピック投稿者 MANAMI999

    (@manami999)

    8年、 8ヶ月前

    nobitaさん

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

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

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

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

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