[ひげガール]

【お使いの Snow Monkey のバージョン】 13.7.3
【お使いの Snow Monkey Blocks のバージョン】 13.7.3
【お使いの Snow Monkey Editor のバージョン】 6.2.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】

### 実現したいこと

「外観」→「メニュー」→「このメニューを強調する」で強調したメニューの背景色及びボーダーを設定したい。

（背景色にグラデーション処理を行い、ボーダーライトで白実線を引きたい）

### 発生している問題

「外観」→「カスタマイズ」→「追加CSS」と進み、以下のCSSを追記

/*PCヘッダー強調メニューの背景色変更*/
.p-global-nav .c-navbar__item.sm-nav-menu-item-highlight{
background;linear-gradient(#05FBFF, #1D62F0 ):
border: 0.1px solid #fff;
}

### 試したこと

「外観」→「カスタマイズ」→「追加CSS」と進み、上記CSSを追記したところCSSが適用されず、「デベロッパーツール」にて上記CSSを追記すると、上記CSSが適用されている状況です。

♥ 0

いいねをした人: 居ません

[みしま]

こんにちわ。

対象となっているクラスや、CSSの詳細度等の問題かなぁと思い試してみましたが、

backgroundのあとが:ではなく;になっている

backgroundの行の最後が;ではなく:になっている

が原因のようです。2点を修正すれば、こちらの環境では反映致しました。

ボーダーライトと書かれている部分がborder-rightをお考えであれば、borderではなくborder-rightと記載されれば適用できるように思います。

♥ 2

いいねをした人:

[ひげガール]

みしま　様

 

この度はご返信いただきありがとうございます。

みしま様からご指摘いただいた通りでした…。

 

まさかこんなところを間違っているなんて全然想定してなくて、

スマホドロップナビはグラデーションかけれるのになんでや…

って感じで思考がストップしてました。完全に私の確認不足です。

 

私の方も修正完了しました。

 

この度は、お忙しい中、お時間を作ってご指摘いただき本当にありがとうございます。

みしま様のような素敵な方の、益々の事業の成功を心よりお祈り申し上げます。

♥ 2

いいねをした人:

[投稿者]

投稿