[ 解決済 ] サイドバー 幅の変更をしたい。

VWSとは フォーラム Lightning [ 解決済 ] サイドバー 幅の変更をしたい。

[ 解決済 ] サイドバー 幅の変更をしたい。

  • このトピックには5件の返信、2人の参加者があり、最後にkkunにより1ヶ月前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #66831

    kkun
    参加者

    ■ WordPress のバージョン
    5.9.3

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    14.22.11

    ■ Pro Unit のバージョン
    0.22.2

    ■ スキンの種類
    Origin III

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ プラグインの種類・バージョン
    共通上部にサイドバーを設置しています。
    デフォルトのサイドバーの幅が少し大きいので、小さくしたいです。
    (2:8くらい)

    ■ 期待する動作
    /*サイドバー 幅  */
    @media (min-width: 992px) {
    /*メインセクション*/
    .mainSection-col-two {
    width: 81.6667%;
    }
    /*サイドバー*/
    .sideSection-col-two {
       width: calc(18.3333% – 2em);
    }
    }

    ■ 自分で試した事
    カスタマイズ→追加CSSへ記載。
    変化なし

    ■ 症状が発生するブラウザ
    Chrome

    ■ 実際の症状
    変化なし


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #66832

    石川@Vektor,Inc.
    キーマスター

    今後の事もありますのでまずは一度見てみてください。

    できる!CSSカスタマイズ

    ※対象のセレクタはご利用のテーマ、バージョンなどによってまちまちです。
    自分がどの要素に対して変更を加えたいのか、その要素のクラス名が何なのか確認してそれに応じて修正してください。

    #66929

    石川@Vektor,Inc.
    キーマスター

    対象のサイドバーのクラス名がサイトで何になっているかわかりますか?

    #66954

    kkun
    参加者

    対象のサイドバーのクラス名が若干異なっていました。
    変更したら、調整できました。

    ただ状況が変わりまして、
    サイドバー自体が表示されなくなりました。

    カスタマイズでの確認画面でも、実際のページでも消えました。

    カスタマイズ→レイアウト設定→カラム設定でトップページは2カラムにはなっていて、
    1カラムに変更で保存、2カラムに変更で保存 効果なし。

    外観→ウィジェットを確認すると、サイドバーのHTMLは記入されています。

    世代はgeneration3

    #66956

    kkun
    参加者

    サイドバーですが、ある固定ページにのみ表示されていました。

    サイドバーは、外観→ウィジェットのサイドバー(共通上部)に記載されています。

    #66957

    kkun
    参加者

    解決しました。

    固定ページ編集→設定アイコン→Lightningデザイン設定のレイアウト設定を確認すると1カラムになっていたので、2カラムに変更で保存したらなおりました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。