採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマRUMBLE:グローバルメニューを太字にする方法

Q.グローバルメニューを太字に変更したいのですが、方法はありますか?

A.該当ファイルをカスタムCSSに追加してください

/* 通常のメニュー */
#js-global-nav li a {
    font-weight: bold;
}
/* メガメニューB */
#js-header .p-megamenu ul li a {
    font-weight: bold;
}
/* メガメニューC */
#js-header .p-megamenu ul li a span {
    font-weight: bold;
}

その他の箇所をご変更されたい場合は、
該当箇所の要素を指定頂きまして、
設定内容をご記述くださいませ。

どのようなID名、クラス名が使用されているかご確認頂く方法としては、
ブラウザに搭載されております「開発者モード」という機能をご使用頂きましたら、
簡単にご確認頂けるかと思います。
インスペクターの横にございますボタンが便利です。
詳しくは下記の記事が参考になると思いますので、ご確認の上、お試しくださいませ。
http://tcd-theme.com/2016/06/google-develop.html

また、CSSの記述方法や内容につきましては、
下記記事がご参考になると思われますので、ご覧くださいませ。
https://saruwakakun.com/html-css/reference/selector
https://techacademy.jp/magazine/4872
http://honttoni.blog74.fc2.com/?tag=CSS3

カスタマイズにつきましてはサポート対象外となりますため、
万が一不具合が生じました場合、弊社では責任を負う事ができかねます。
何卒ご了承下さいませ。カスタマイズに関しましては必ずバックアップを
ご用意の上、恐縮ながらお客様の責任において実施して頂きますようお願い申し上げます。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事