VWSとは フォーラム Lightning PaleⅡでメニューの背景を個別で変更したい

PaleⅡでメニューの背景を個別で変更したい

  • このトピックには7件の返信、3人の参加者があり、最後に牧野守により1ヶ月、 1週前に更新されました。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #27486

    牧野守
    参加者

    デザインスキンは『PaleⅡ』を利用しております。
    現状、ロゴなどの表示がされている部分とメニュー部分でヘッダーが構成されていると思います。
    メニュー部分だけ背景の変更を行いたいのですが、
    『カスタマイズ』→『Lightning Skin Pale 設定』で変更するとヘッダー部分全体が変更されてしまいます。
    解決策はないでしょうか??
    どなたか教えていただけると助かります。

    #27504

    DRILL LANCER
    参加者

    ヘッダーの色分け可能な区分を画像にしてみました。
    このような区分でもOKなら 下記コードをベースにすることで可能でしょう。

    @media (min-width: 992px) {
    	.gMenu_outer {
    	    background-color: #fff;
    	}
    }
    Attachments:
    You must be logged in to view attached files.
    #27511

    牧野守
    参加者

    教えてくださり、ありがとうございます。
    ということは、画面の端まで色を変更することは出来ないのでしょうか??

    #27514

    DRILL LANCER
    参加者

    画面の端まで色を変えるには、ロゴやお問い合わせの部分(上記画像の薄い黄色の部分)も同時に変更する必要が出てきます。

    #27701

    牧野守
    参加者

    メニュー部分だけ画面端まで変更は難しいんですね。
    了解しました。ありがとうございます。

    #27729

    DRILL LANCER
    参加者

    下記 CSS を適用すれば、.gMenu_outerを全幅にしつつ、色を変更することができます。
    ただし、ブレイクポイントをカスタマイズしている場合は一部変更する必要があります。

    @media (min-width: 992px) {
    	.container.siteHeadContainer {
    		max-width: unset;
    	}
    	.gMenu_outer {
    	    background-color: #fff;
    	}
    }
    #27735

    Vektor,Inc
    キーマスター

    ご連絡ありがとうございます。

    今回のようなカスタマイズ(ヘッダーメニュー部分だけの色変更をする)を考慮して、PaleⅡに以下のcssを追加予定です。

    @media (min-width: 992px) {
    	.siteHeadContainer.container {
    		max-width: unset;
    	}
    }

    その他の不具合などを修正した後にバージョンアップしたいと思いますのでリリースまでしばらくお待ちください。

    #27761

    牧野守
    参加者

    ご返信いただき、本当にありがとうございます。
    バージョンアップを楽しみにしております!!

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