メインコンテンツへ移動

アーカイブページのリッチメディアのホバーの動き

0
Who liked: No user
  • このトピックには4件の返信、2人の参加者があり、最後に横山春菜により2週、 6日前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #146202
    横山春菜
    参加者
    3

    ### 実現したいこと

    アーカイブページで記事一覧レイアウト「リッチメディア」を利用している。
    ホバーした際の画像マスクを無くしたい。(ホバーしていない時と同じ見た目にしたい。)

    ### 発生している問題

    色々とコードを見てみたのですが、どうしても該当箇所が見つけられず・・・

    お忙しいところ恐縮ですが、助けていただけると幸いです。

    宜しくお願いいたします。

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

    下記の CSS を、カスタマイザーの追加 CSS か独自の CSS ファイルに追加してみるとどうでしょうか?

    @media (any-hover: hover) {
      .c-entries__item > a:hover .c-entry-summary__figure > img {
        filter: none;
      }
    }
    0
    Who liked: No user
    #146217
    横山春菜
    参加者
    3

    ありがとうございます!!!頂いたコードを追加cssに書き解決することができました!!

    追加cssに書くのと、my snow monkeyのcssに書くのは違うのですね・・・
    (my snow monkey側書いても反応しませんでした・・・)

    お忙しいところ、誠にありがとうございました。いつもありがとうございます。

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

    追加cssに書くのと、my snow monkeyのcssに書くのは違うのですね・・・
    (my snow monkey側書いても反応しませんでした・・・)

    CSS が出力されるタイミングが違うので、セレクタの詳細度によっては反映される・されないがある場合があります。そういうときはセレクタの詳細度を強めるか、!important をつけると良いです。

    0
    Who liked: No user
    #146221
    横山春菜
    参加者
    3

    ご丁寧にありがとうございます!

    出力タイミングの違いがあったのですね・・・!試してみようと思います!

    トピックは閉じさせていただきます。ありがとうございました。

    1
    Who liked:
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「アーカイブページのリッチメディアのホバーの動き」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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