Lightning G3 Evergreen使用時の追加CSS（ヘッダ及びフッタ）について

[Hisashi Endo]

■ WordPress のバージョン
6.3.1

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

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
Lightningバージョン: 15.12.1

■ Pro Unit のバージョン
Lightning G3 Pro Unit　バージョン0.25.1

■ スキンの種類
Evergreen

■ スキンのバージョン
バージョン 0.2.3

■ 期待する動作
追加CSSで記述したことが反映される。

■ 自分で試した事
ヘッダ及びフッタについて、別のサイト（https://www.kuon-manage.jp/）で記述したCSSが、本サイトでは反映されない。
ちなみに上記サイトは、Lightning Pro Child Sampleを使用。
プラグイン（デザインスキン）が変わったことで、CSSの記述方法も何か変わるのか？
変更が反映される、正しい記入方法があれば教えていただきたい。
具体的なCSS構文は下記の通り。※｛｝内は、適宜変更。

/* ロゴサイズ調整 */
.siteHeader_logo img {
max-height: 44px;}
/* ヘッダ */
.headerTop{
color:#ffffff;
background-color:#7dcef4;
}
.siteHeader {
background-color: #00a0e9;
}
ul.gMenu a {
font-size:12.2px;
color: #ffffff;
background-color: #00a0e9;
}
.gMenu>li .gMenu_name {
font-size:1.2em;
}
ul.gMenu :hover{
color:#ffffff;
background-color:#7dcef4;
opacity: 0.92;
}
/*ヘッダー（スクロール時）*/
siteHeader,
.header_scrolled .gMenu_outer {
background-color: #00a0e9;
opacity: 0.96;
}
.header_scrolled .gMenu>li:last-child {
border-right: 1px solid #ffffff;
}
.header_scrolled .gMenu>li {
border-left: 1px solid #ffffff;
}

/*フッタ */
.section.siteFooter {
border-top:1px solid #00a0e9;
background-color:#00a0e9;
}
footer .footerMenu li a {
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
}
footer .footerMenu li a:hover{
color:#ffffff;
background-color:#7dcef4;
opacity: 0.88;
}

/* フッタ最下段*/
footer .copySection {
color:#ffffff;
background-color:#00a0e9;
display:block !important;　　
border-top:none !important;　
}
footer .copySection p:nth-child(2) {
display:none !important;
｝

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

■ 実際の症状
ヘッダ及びフッタについて、別のサイト（https://www.kuon-manage.jp/）で記述したCSSが、本サイトでは反映されない。

---

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

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

[石川＠Vektor,Inc.]

Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。

Evergreen は Lightning (G3) 用のスキンです。
Lightning Pro と Lightning (G3) は “別のテーマ” ですので各部位のクラス名は異なります。
別テーマ用の CSS を Lightning G3 に適用してもクラス名が違うので適用はされないという状態です。

ユーザー様個別でカスタマイズした内容のサポートにつきましては、弊社開発スタッフで対応すると、その分ユーザー全員に恩恵があるはずの機能改善が遅れる事になってしまうため、変更したい箇所のクラス名が何なのかは恐れ入りますがご自身にてご確認よろしくお願いいたします。

ご希望に沿える回答ができず恐れ入りますが何卒ご理解のほどよろしくお願いいたします。

• この返信は11ヶ月前に石川＠Vektor,Inc.が編集しました。

[Hisashi Endo]

＞石川＠Vektor,Inc.様

下記、承知しました。
ご返信、ありがとうございます。

[投稿者]

投稿