最近の投稿ブロックのマウスオーバーについて、カテゴリー部分のみ透過を無効にしたい

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にアバター画像kenにより1ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #142266
    アバター画像ken
    参加者
    4

    【お使いの Snow Monkey のバージョン】27.2.0
    【お使いの Snow Monkey Blocks のバージョン】22.2.1
    【お使いの Snow Monkey Editor のバージョン】10.0.4
    【お使いのブラウザ】chrome
    【当該サイトのURL】https://shimizuroof.musubi-web.com/

    ### 実現したいこと
    該当URLの施工事例セクションの、最近の投稿をマウスオーバーしたときに、カテゴリー部分は透過したくない。

    ### 発生している問題

    ### 試したこと
    まずはhoverを打ち消そうと思いましたが、デフォルトの状態でhoverがどこでかかっているのかわからりませんでした。

    お手数ですが、よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #142271
    アバター画像キタジマ タカシ
    参加者
    2421

    デフォルトで下記の CSS が適用されます。

    @media (hover: hover) and (pointer:fine) {
    	.c-entries__item > a:active .c-entry-summary__body,
    	.c-entries__item > a:focus .c-entry-summary__body,
    	.c-entries__item > a:hover .c-entry-summary__body {
    		opacity: .8
    	}
    }

    なのでこれを打ち消すか、カテゴリーの表示方法を変えるかになるのかなと思います。カテゴリー名については現状の .c-entry-summary__body .c-entry-summary__term の場所以外に .c-entry-summary__figure .c-entry-summary__term にも非表示状態で存在しています。そっちは opacity が適用されていません。

    0
    いいねをした人: 居ません
    #142288
    アバター画像ken
    参加者
    4

    有難うございます。解決しました!

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「最近の投稿ブロックのマウスオーバーについて、カテゴリー部分のみ透過を無効にしたい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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