メニューをの文字色を変えたい

0
Who liked: No user
  • このトピックには4件の返信、2人の参加者があり、最後にひろにより1年、 1ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #131195
    ひろ
    参加者
    20

    【お使いの Snow Monkey のバージョン】25.1.5
    【お使いの Snow Monkey Blocks のバージョン】20.3.0
    【お使いの Snow Monkey Editor のバージョン】9.3.0
    【お使いのブラウザ】chrome
    【当該サイトのURL】

    いつもありがとうございます。

    質問よろしくお願いします。

    ### 実現したいこと

    その固定ページを開いた時のメニューの色をCSSで変更したいです。

    ### 発生している問題

    スノーモンキーのデフォルトでは、メニューをクリックした際、メニューの色がアクセントカラーに変化するかと思います。

    ◎例えばHOME画面を開いている時(HOMEのみ青色になっている)

    今回CONTACTのみ、CSSにて背景を同じ青色のアクセントカラーにしています。

    CONTACT画面を開くと下記のように文字が見えなくなってしまいます。

    CONTACTを表示している時のみ、文字色を白色に変えたいと考えています。

    具体的には下記のサイトと同じように実装したいです。

    ### 試したこと

    my snow monkeyにPHPを書き込まないと実装が難しいかと思います。当方PHPの知識がほとんどない為検索する方法すらわかりませんでした。

     

    わかりにくい質問で申し訳ありませんがよろしくお願い致します。

    0
    Who liked: No user
    #131213
    アバター画像キタジマ タカシ
    参加者
    2416

    ただいま確認したところ下記のように白文字になっていましたが、もう修正済みですかね?

    0
    Who liked: No user
    #131215
    ひろ
    参加者
    20

    わかりにくくてすみません。

    そちらは制作の際に参考にさせて頂いているサイトです。

    まだ解決できておりません。

    0
    Who liked: No user
    #131266
    アバター画像キタジマ タカシ
    参加者
    2416

    あ、なるほど!すみません、見逃していました。
    えっと、

    今回CONTACTのみ、CSSにて背景を同じ青色のアクセントカラーにしています。

    とのことですが、Snow Monkey にはアクセントカラーでベタ塗りして白文字にする設定があります。ダッシュボード→メニューを開き、「お問い合わせ」のメニュー項目の「このメニュー項目を強調する」にチェックを入れて保存してください。追加されている CSS は消して大丈夫です。

    0
    Who liked: No user
    #131268
    ひろ
    参加者
    20

    なんと!こんなに便利な機能があったとは、、

    わかりました。ありがとうございます!!

    1
    Who liked:
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「メニューをの文字色を変えたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。