[ 解決済 ] ヘッダー上部の文字サイズを変更できない(Header Top Navigation)
[ 解決済 ] ヘッダー上部の文字サイズを変更できない(Header Top Navigation)
- このトピックには9件の返信、4人の参加者があり、最後にVektor,Incにより9ヶ月、 1週前に更新されました。
-
投稿者投稿
-
2024年1月31日 5:01 PM #84402
KAORI K参加者■ WordPress のバージョン
WordPress 6.4.3■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
8.17.1■ スキンの種類
その他■ プラグインの種類・バージョン
上記のCSSを使用しましたがサイズが大きくなりません。
「ヘッダー上部設定」ではなく、(非表示ではなく、項目に何も入力していません)
「メニュー」から「Header Top Navigation」カスタムリンクを使い、SNSなどのアイコンを表示させていますが、大きくなりません。それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?
ご教授のほど、お願いいたします。
■ 期待する動作
大きくするCSSを記述を教えてほしいです。別のウィンドウに飛ぶ、リンクの方法を教えてほしいです。
■ 自分で試した事
■ 症状が発生するブラウザ
safari Firefox■ 実際の症状
上記のCSSを使用しましたがサイズが大きくなりません。2024年2月1日 10:03 AM #84439
うなこモデレーター上記のCSSを使用しましたがサイズが大きくなりません。
お世話になっております。
参照のページの情報が古かった様でしたので、修正させていただきました。
下記のCSSでいかがでしょうか。@media (min-width: 992px) { /* 説明文 */ .headerTop .headerTop_description { font-size:14px; } /* ヘッダートップナビゲーションメニュー部分 */ .headerTop ul>li>a, .headerTop ul>li>span { font-size:14px; } /* コンタクトボタン */ .headerTop .headerTop_contactBtn a.btn { font-size:16px; } }
それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?
管理画面の【外観】→【メニュー】画面の上部に「表示オプション」というボタンがあり、展開すると詳細メニュー設定を表示の部分に「リンクターゲット」がありますのでチェックを入れてください。
そうしますとメニューのところに「リンクを新しいタブで開く」が表示されますのでチェックをいれますと、新しいタブで開く様になります。(添付画像参照)いかがでしょうか?
Attachments:
You must be logged in to view attached files.2024年2月1日 11:57 AM #84449
KAORI K参加者追加cssに下記のようにpxを変更してはりつけましたが、
大きさは変わりませんでした。
間違いがあるでしょうか?@media (min-width: 992px) {
/* 説明文 */
.headerTop .headerTop_description {
font-size:50px;
}
/* ヘッダートップナビゲーションメニュー部分 */
.headerTop ul>li>a,
.headerTop ul>li>span {
font-size:50px;
}
/* コンタクトボタン */
.headerTop .headerTop_contactBtn a.btn {
font-size:50px;
}
}下記は解決できました!ありがとうございます!
それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?Attachments:
You must be logged in to view attached files.2024年2月1日 11:58 AM #84451
KAORI K参加者先ほどの画像ではわかりにくいので、再度添付いたします。
よろしくお願いいたします。Attachments:
You must be logged in to view attached files.2024年2月1日 2:03 PM #84456
うなこモデレーター追加cssに下記のようにpxを変更してはりつけましたが、
大きさは変わりませんでした。お世話になります。そうなのですね、私の環境では大きさが変更されるので、なぜでしょう、、。
以下少しお聞きしても良いでしょうか。- 【01】キャッシュ系のプラグインはご利用でしょうか?
もし使用していましたら、一度キャッシュを削除してからもう一度ご確認ください。 - 【02】テーマは Lightning Pro をご利用ということであっていますか?
(Lightning + Lightning G3 Pro Unit の組み合わせではない) - 【03】一度コメントアウト(/**/の部分)の表記を削除してみるとどうなりますか?
@media (min-width: 992px) { .headerTop .headerTop_description { font-size:50px; } .headerTop ul>li>a, .headerTop ul>li>span { font-size:50px; } .headerTop .headerTop_contactBtn a.btn { font-size:50px; } }
- 【04】CSSを追加した場所は【外観】→【カスタマイズ】→【追加CSS】であっていますか?
それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?
カスタムリンクでも「リンクを新しいタブで開く」が出ると思いますが、いかがでしょうか?(添付画像参照)
※もし可能でしたら、症状の確認できるサイトのURLを添付していただくと、原因が突き止めやすくなりますので、ご検討よろしくお願い致します🙇♀️
Attachments:
You must be logged in to view attached files.2024年2月1日 8:05 PM #84496
KAORI K参加者【01】キャッシュ系のプラグインはご利用でしょうか?
キャッシュを削除しましたが、大きくなりません。【02】テーマは Lightning Pro をご利用ということであっていますか?
(Lightning + Lightning G3 Pro Unit の組み合わせではない)
Lightning Pro 画像を添付しました【03】一度コメントアウト(/**/の部分)の表記を削除してみるとどうなりますか?
消しても同じでした。こちらがURLになります。よろしくお願いいたします。
Attachments:
You must be logged in to view attached files.2024年2月1日 8:31 PM #84499
うなこモデレーターこんばんわ、リンクありがとうございます!
確認しましたところテーマは Lightning Pro ではなく、Lightning をご利用の様ですので、CSSのクラス名が変わります。
以下でいかがでしょうか?16pxはお好きな数字に変えてください。
@media (min-width: 992px) { /*説明部分*/ .header-top .header-top-description{ font-size:16px; } /* ヘッダートップナビゲーションメニュー部分 */ .header-top ul>li>a, .header-top ul>li>span{ font-size:16px; } }
2024年2月2日 2:55 PM #84550CSSのカスタマイズについては下記も参照ください。
また、Lightning Pro ではなく Lightning + G3 Pro Unit ならばヘッダー自体をブロックエディタでも利用できます。
2024年2月7日 11:10 AM #85373
KAORI K参加者ありがとうございます!大きくなりました!
(Lightning + Lightning G3 Pro Unit の組み合わせではない)
の意味を理解していませんでした!このような違いがかなりあるのでしょうか?
もし参考になるページがありましたらリンク先を添付していただけると参考になります。よろしくお願い申し上げます。
2024年2月7日 2:19 PM #85386
Vektor,Incキーマスター(Lightning + Lightning G3 Pro Unit の組み合わせではない)
の意味を理解していませんでした!Lightning Proテーマは旧製品となり、現在のLightning の Pro機能拡張プラグインはLightning G3 Pro Unit になっております。混乱させてしまいすみません。
このような違いがかなりあるのでしょうか?
もし参考になるページがありましたらリンク先を添付していただけると参考になります。Lightning Proテーマ(旧製品) と Lightning テーマ + Pro機能拡張プラグイン Lightning G3 Pro Unit は CSSのクラス名は大幅に変わっております。
具体的にどこが変わったなどの表はないのですが、、
こちらのページの「移行で注意が必要なG2とG3の仕様の大きな違い」の箇所に、変わった部分が書いてありますので、参考にしてみてください。また、石川のコメントにもありますが、CSSに関しましては、以下もご参照ください。
今後とも弊社製品をよろしくお願い致します!
- 【01】キャッシュ系のプラグインはご利用でしょうか?
-
投稿者投稿
- このトピックに返信するにはログインが必要です。