[ 解決済 ] グローバルメニューのフォントの大きさを変更したい
[ 解決済 ] グローバルメニューのフォントの大きさを変更したい
- このトピックには8件の返信、2人の参加者があり、最後に
により1年、 2ヶ月前に更新されました。
-
投稿
-
■ 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はフォーラムライセンスが有効のユーザーにのみ表示されます
.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セレクタをデベロッパーツールで調べる」
のあたりを見ると書かれています。まだサイトを作り始めたばかりのように見えます。
これから作るのであれば、第3世代の Lightning G3 の使用も検討されるとよいと思います。ご回答頂きまして、誠にありがとうございます。
いただきました下記の情報にて再設定を行いました。
.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;
}お忙しいところ恐れ入りますが、なにとぞご回答の程、よろしくお願いいたします。
グローバルメニューの位置指定が間違っていると思います。
誤: Header Top Navigation
正: Header Navigation添付画像をご参照ください。
対馬様
お世話になっております。ご回答頂きまして、誠にありがとうございます。
当方側でのグローバルメニューの認識を間違えておりました。大変失礼いたしました。
頂きました添付画像のチェック欄をONにしてみたところ、グローバルメニューのフォントサイズが
変更できていることを確認いたしました。ちなみに、当方側ではじめに気にしておりました、「Lightning ヘッダー上部設定」のフォントのサイズ変更は行えるものでしょうか？
「Lightning ヘッダー上部設定」のフォントのサイズ変更は行えるものでしょうか？
はい、できます。
8月28日 9:41 AM に私がお伝えしたページを読んで、まずご自身で調べてみてください。
対馬様
お世話になっております。
かしこまりました。ご教示誠にありがとうございます。ちなみに、グローバルメニューは「Header Navigation」にチェックを入れますと、
添付画像のように２つ同じメニュー内容が表示されてしまうのですが、例えば、上部メニューは非表示にしたい場合はどのように実施すれば宜しいでしょうか。
お手すきで構いませんので、ご教示いただければ幸いです。
どうぞよろしくお願いいたします。
上部メニューは非表示にしたい場合はどのように実施すれば宜しいでしょうか。
Header Top Navigation のチェックを外せば表示されなくなります。
添付画像をご参照ください。
- このトピックに返信するにはログインが必要です。
