[ 解決済 ] VKパターンライブラリ・プレミアム製品のマウスホバー時のボタンの色を変更したい

VWSとは フォーラム VK パターンライブラリ [ 解決済 ] VKパターンライブラリ・プレミアム製品のマウスホバー時のボタンの色を変更したい

[ 解決済 ] VKパターンライブラリ・プレミアム製品のマウスホバー時のボタンの色を変更したい

  • このトピックには3件の返信、2人の参加者があり、最後にうなこにより4ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #92332

    Satoshi Nakamura
    参加者

    ■ WordPress のバージョン
    6.5.3

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.21.0

    ■ スキンの種類
    Origin II

    ■ 期待する動作
    以下のブロックパターンを使用していますが、マウスホバー時にボランに色がつきますが、サンプルではグリーンなのに、赤色が表示されてしまいます。サンプルと同じグリーンを表示させたい。

    ・当該ブロックパターン:https://patterns.vektor-inc.co.jp/vk-patterns/14482/

    ■ 自分で試した事
    当該箇所のブロックの「カスタムCSS」を表示させたが(添付ファイルを参照ください)、どこを直せばいいのか不明だった。

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

    ■ 実際の症状
    マウスオーバー時にボタンがサンプルと異なり、赤色が表示。

    Attachments:
    You must be logged in to view attached files.

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

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

    #92426

    うなこ
    モデレーター

    お世話になっております。
    ボタンのホバー時のカラーですが、キーカラーが適応されるようになっておりますので、
    【外観】>【カスタマイズ】>【色】から、キーカラーを設定できます。

    サンプルと同じ色にするには、キーカラー部分に#3c8b86と入力してください。

    色の設定方法はベクトレの「Lightning 基本設定解説 キーカラー / カスタムカラーの設定」をご確認いただけますと、わかりやすいと思いますので、ぜひご確認ください。

    Lightning 基本設定解説 キーカラー / カスタムカラーの設定

    Attachments:
    You must be logged in to view attached files.
    #92480

    Satoshi Nakamura
    参加者

    うなこ様
    お忙しい中、ご回答いただきありがとうございました。

    確認したところ、キーカラーは青色に設定されていて、ボタンも赤ではなくこの青色になっていました。

    「???」なのですが、LightningのバージョンをG2(PRO)からG3にアップグレードしたので、その際に正常な形に戻されたと推察しています。

    お騒がせして恐縮ですが、ご丁寧な解説に改めて感謝申し上げます。
    中村

    Attachments:
    You must be logged in to view attached files.
    #92492

    うなこ
    モデレーター

    解決したようで安心しました!

    確認したところ、キーカラーは青色に設定されていて、ボタンも赤ではなくこの青色になっていました。

    「???」なのですが、LightningのバージョンをG2(PRO)からG3にアップグレードしたので、その際に正常な形に戻されたと推察しています。

    はい、そうですね。Lightning Pro テーマでキーカラーが赤色になっていて、テーマを Lightning へ変更をしたので、キーカラーの色が Lightning のデフォルトのキーカラー(ブルー)になったのだと思います。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。