Cocoon インデックスタイトルの表示行数変更 | OFFのパソコン日記

Cocoon インデックスタイトルの表示行数変更

ある団体のホームページ(cocoon wordpress)を運営しています。

このホームページで、インデックスのタイトルの文字数が多いものが数件あり、スマホで表示すると、ある個所から省略されて表示されます。

ネットでググるに、タイトルの表示行数が3行を超えるとデフォルトで三点リーダー(…)で省略される設定になっているようです。

タイトルを省略無しで全て表示するため、cssの設定を10行に変更しました。

.entry-card-title {
/* -webkit-line-clamp: 3; */

-webkit-line-clamp: 10; /* 3点リーダー(…)表示行数 */