前略、bucho さん

出力されているHTMLの構造や、タイトルが１行のときと複数行になったとき、画像の横並びの高さがズレてしまうことなどを考えると、カスタマイズせずに、そのままお使いになった方が良いような気がします。

エントリーカードのタイトルの上下に少し余白を足すと、ごちゃごちゃ感が減って、読みやすくなるかもしれません。

.entry-card-title {
  margin: .5em 0 1em 0;
}

他の部分にも影響しちゃうときは、セレクタを工夫してください。

bucho さん

あと、スニペットの行間も少し広げた方が、ゆったり感がでるかもしれません。

.entry-card-snippet {
  line-height: 1.8;
}

ただ、抜粋が長いと入らないので、Cocoon設定の「インデックス」タブの「自動生成抜粋文字数」で、少し減らさないといけないかもしれません。

bucho さん

1.8 より、1.9 の方が、ちょうど４行で、いいのかもしれません。

.entry-card-snippet {
  line-height: 1.9;
}

いろいろ調整してみてください。

bucho さん

スニペットの上の位置を揃えた方が、カッコイイかもしれません。

ちょっと、タイトルが長い場合のテストをしていないので、アレですが・・

.entry-card-title {
  min-height: 3.5em;
  margin-top: .5em;
}

.entry-card-snippet {
  line-height: 1.9;
}

bucho さん

タイトルが長い場合も考慮すると、タイトル下にもマージンを付けておいた方が良いのかもしれません。

.entry-card-title {
  min-height: 3em;
  margin-top: .5em;
  margin-bottom: 1em;
}

.entry-card-snippet {
  line-height: 1.9;
}

余白や、行間を調整するだけでも、かなり印象は変化するみたいです。

スニペットも、ごちゃごちゃしてると読みずらいんですよね。

誤記訂正

× 読みずらい

〇 読みづらい

リフィトリー　様

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

アイキャッチ上はやはり難しいのですね。

リフィトリー様に頂いたCSSを基に、インデックスをカスタマイズしてみたいと思います。

大変助かりました。

ありがとうございます。