[ 解決済 ] グローバルメニューのフォントの大きさを変更したい

VWSとは フォーラム Lightning [ 解決済 ] グローバルメニューのフォントの大きさを変更したい

[ 解決済 ] グローバルメニューのフォントの大きさを変更したい

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

    ozekinbo
    参加者

    ■ WordPress のバージョン
    WordPress 6.3

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    Lightning Proバージョン: 8.17.14

    ■ スキンの種類
    Origin II

    ■ 期待する動作
    グローバルメニューのフォントの大きさを変える方法をご教示頂ければ幸いです。

    .global-nav-list>li .global-nav-name {
       font-size: 30px;
    }

    過去に同じようなご質問をされている方がいらっしゃって
    上記のコードを「カスタマイズ」ー「追加CSS」へ挿入したのですが、
    フォントのサイズを変更することができません。

    ■ 自分で試した事
    .global-nav-list>li .global-nav-name {
       font-size: 30px;
    }

    追加CSSから上記コードを貼り付けてフォント変更を試みました。

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

    ■ 実際の症状
    グローバルメニューのフォント変更が反映されない。


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

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

    #78904
    .global-nav-list>li .global-nav-name {
       font-size: 30px;
    }

    上記 CSS は第3世代の Lightning G3 用のコードです。

    Lightning Pro は第2世代なので必要なコードが違って、以下の記述になります。

    .gMenu>li .gMenu_name {
        font-size: 30px;
    }

    コードの調べ方は、以下のページの
    「変更したい箇所のCSSセレクタをデベロッパーツールで調べる」
    のあたりを見ると書かれています。

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

    まだサイトを作り始めたばかりのように見えます。
    これから作るのであれば、第3世代の Lightning G3 の使用も検討されるとよいと思います。

    #79071

    ozekinbo
    参加者

    ご回答頂きまして、誠にありがとうございます。

    いただきました下記の情報にて再設定を行いました。

    .gMenu>li .gMenu_name {
    font-size: 30px;
    }

    しかしながら、当方が希望している「グローバルメニューのフォントの拡大や縮小」が未だ反映できておりません。

    現在【カスタマイズ】ー【追加CSS】に記述しているコードを以下に貼り付けいたします。
    もし何か不備があるようでしたらご教示いただけると幸いです。

    .gMenu>li .gMenu_name {
    font-size: 30px;
    }

    /*ContactForm7カスタマイズ*/
    table.CF7_table{
    width:80%;
    margin:0 auto;
    border: 2px solid #2679cd;
    }

    table.CF7_table tr{
    border-top: 1px solid #2679cd;
    }

    .single .entry-content table.CF7_table,
    .page .entry-content table.CF7_table{
    display:table;
    }

    /*入力欄*/
    .CF7_table input, .CF7_table textarea {
    border: 1px solid #d8d8d8;
    }

    .CF7_table ::placeholder {
    color:#797979;
    }

    /*「必須」文字*/
    .CF7_req{
    font-size:.9em;
    padding: 5px;
    background: #d8e7f6;/*オレンジ*/
    color: #003f7e;
    border-radius: 0px;
    margin-right:1em;
    }

    /*「任意」文字*/
    .CF7_unreq{
    font-size:.9em;
    padding: 5px;
    background: #bdbdbd;/*グレー*/
    color: #fff;
    border-radius: 3px;
    margin-right:1em;
    }

    /* タイトル列 */
    @media screen and (min-width: 768px){
    .CF7_table th{
    width:30%;/*横幅*/
    background-color:#2679cd;/*ブルーグレー*/
    }
    }

    /* レスポンシブ */
    @media screen and (max-width: 768px){
    table.CF7_table{
    width:95%;
    }
    .CF7_table tr, .CF7_table td, .CF7_table th{
    display: block;
    width: 100%;
    line-height:2.5em;
    }
    .CF7_table th{
    background-color:#2679cd;
    }
    }

    /* 「送信する」ボタン */
    .wpcf7 input.wpcf7-submit {
    background-color:#2679cd;/* オレンジ*/
    border:0;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    margin:0 auto;
    }

    .CF7_btn{
    text-align:center;
    margin-top:20px;
    }

    .wpcf7-spinner{
    width:0;
    margin:0;
    }

    .example2 th{
    color: white;
    }

    お忙しいところ恐れ入りますが、なにとぞご回答の程、よろしくお願いいたします。

    #79073

    グローバルメニューの位置指定が間違っていると思います。

    誤: Header Top Navigation
    正: Header Navigation

    添付画像をご参照ください。

    Attachments:
    You must be logged in to view attached files.
    #79075

    ozekinbo
    参加者

    対馬様

    お世話になっております。ご回答頂きまして、誠にありがとうございます。

    当方側でのグローバルメニューの認識を間違えておりました。大変失礼いたしました。
    頂きました添付画像のチェック欄をONにしてみたところ、グローバルメニューのフォントサイズが
    変更できていることを確認いたしました。

    ちなみに、当方側ではじめに気にしておりました、「Lightning ヘッダー上部設定」のフォントのサイズ変更は行えるものでしょうか?

    Attachments:
    You must be logged in to view attached files.
    #79078

    「Lightning ヘッダー上部設定」のフォントのサイズ変更は行えるものでしょうか?

    はい、できます。

    8月28日 9:41 AM に私がお伝えしたページを読んで、まずご自身で調べてみてください。

    #79079

    ozekinbo
    参加者

    対馬様

    お世話になっております。
    かしこまりました。ご教示誠にありがとうございます。

    ちなみに、グローバルメニューは「Header Navigation」にチェックを入れますと、
    添付画像のように2つ同じメニュー内容が表示されてしまうのですが、

    例えば、上部メニューは非表示にしたい場合はどのように実施すれば宜しいでしょうか。

    お手すきで構いませんので、ご教示いただければ幸いです。

    どうぞよろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
    #79083

    上部メニューは非表示にしたい場合はどのように実施すれば宜しいでしょうか。

    Header Top Navigation のチェックを外せば表示されなくなります。

    添付画像をご参照ください。

    Attachments:
    You must be logged in to view attached files.
    #79094

    ozekinbo
    参加者

    対馬様

    続けてのご回答、誠に感謝いたします。
    無事、望んでいる状態へと運ぶことができました。

    こちらクローズとしていただければ幸いです。

    またなにかございましたら何卒、宜しくお願い致します。

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