エントリーカード全体をリンク化した時のＡタグ

個別に色を変えるか、エントリーカードにホバーで全体のアンダーライン部分を変えるかでちょっと方法は変わりますが、

個別に色を変える場合は、

#list .hover-card .entry-card-content h2:hover {
  color: #c00;
}

こんな感じでタイトルの色が変わります。

#list .hover-card footer .entry-read:hover {
  color: #c00;
}

これで続きを読むの色が変えられます。

カテゴリ所は、文字にはセレクタがついていないので、ひとまず.category自体の色を変えてから、アイコン部分だけ元の色に直します。

#list .hover-card .entry-card-content .post-meta .category:hover {
  color: #c00;
}
#list .hover-card .entry-card-content .post-meta .category .fa {
  color: #111;
}

こんな感じでしょうか。

デフォルトのエントリーカードの場合、jQueryを使えば今までのスタイルのままでも同じようなことができます。

サンプル: .entryのa以外のどこをクリックしてもリンクにする | codepen

説明不足でスミマセン

タイトル部分以外にマウスオンした時でも
タイトルの色を変えて、アンダーラインを付けたいのです

Yahoo!ニュースなどで
見かけるように
です

色を変えるそれぞれの所に、

text-decoration: underline;

を追加するだけです。全体をリンク化した場合はaタグは利用されていませんので上記プロパティが必要です。

例えばタイトルの部分だけなら

#list .hover-card:hover .entry-card-content h2 {
    text-decoration: underline;
    color: #f00;
}

こういうことです。

日本語で書けば、#listの中にある.hover-cardをマウスオーバーした時に、その子要素の.entry-card-contentの中のh2の色を#f00にして、アンダーラインをつけるという意味です。
他の要素も同様にするなら、

#list .hover-card:hover .entry-card-content h2,
#list .hover-card:hover .entry-card-content .category,
#list .hover-card:hover footer .entry-read {
    text-decoration: underline;
    color: #f00;
}
#list .hover-card:hover .entry-card-content .category .fa {
  color: #111;
}

こんな感じでエントリーカードをマウスオーバーした際に、それぞれの要素が色が変わってアンダーラインがつくかと思います。
個別にする場合は前レスのcssにtestdecorationを入れればよいですし、色をそれぞれ変えたい場合は、それぞれの色を設定すればよいだけです。

☓ 前レスのcssにtestdecoration
○ 前レスのcssにtext-decoration

ありがとうございます！
イメージ通りになりました！！

上記を参考に
ブログカード、関連記事も変更できました

タイトル文字が変わり
カードのマウスオーバーが
わかりやすくなりました