ブログカード全体をリンク化した際のhoverタグ

PR 2016/9/15

このトピックには3件の返信、2人の参加者があり、最後にMikuにより9年、 11ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2016年9月14日 5:10 PM #45156
  
  Miku
  ゲスト
  
  初めまして。いつもSimplicityを愛用させていただいております。
  一つ質問をさせてください。
  
  ブログカードの全体をリンク化する設定がなされている場合、
  ブログカードHover時のカスタマイズはできますでしょうか？
  もしできる場合、ブログカードHover時のタグをお教えいただきたいです。
  
  具体的には、カスタマイズしたブログカードにマウスオンした際
  ブログカードの背景色を指定した色に変えたいと思っております。
  
  よろしくお願いいたします。
- 2016年9月14日 8:28 PM #45165
  わいひら
  キーマスター
  はじめまして。
  
  そのカスタマイズの場合は、子テーマのstyle.cssに以下を貼り付けて、カラーコードを変更すればいけるかと思います。
```
.hover-card .entry:hover, .hover-card .related-entry:hover, .hover-card .related-entry-thumbnail:hover, .hover-card .blog-card:hover {
    background-color: #f7f7f7;
}
```
- 2016年9月14日 8:39 PM #45166
  わいひら
  キーマスター
  CSSセレクタをもっとシンプルに書くなら、以下のように書いてもいいかもしれません。
```
#main .hover-card > div:hover,
#main .hover-card > article:hover {
  background-color: red; /*カラーコードを変更する*/
}
```
  とはいってもそこまでシンプルではなかった。
  
  ※詳細な動作確認はしていません。
- 2016年9月15日 6:59 PM #45225
  
  Miku
  ゲスト
  
  無事、色を変更することができました。
  本当にありがとうございました。
投稿者

投稿

3件の返信スレッドを表示中

トピック「ブログカード全体をリンク化した際のhoverタグ」には新しい返信をつけることはできません。