#popular_entries-5
の
entries-5
とは何を示すものなのでしょうか？

popular_entriesウィジェット固有のIDです。人によってその数字は多少違う事もあります。

過去記事に書かれていたモノだと横1列で表示されるモノで
それを2列、3列と折り返すモノも教えて欲しいです。

どのような状態設定をされているのか不明ですので、該当リンクを置いてくいただくと、状況にあったように教えてくれる人が居るかもしれません。

何をどうしたいか、頭で考えてらっしゃる事をより具体的に伝えれば、おそらく伝わるかと思います。

書き込みの前に以下の3点をご確認ください。

1. 1つのトピックにつき1つの質問を書き込んでください
2. できれば不具合・カスタマイズ対象ページのURLを掲載してください
3. 環境情報とともに書き込んでいただけると助かります

確かに、できればカスタマイズ対象ページのURLを貼っていただけると、助かります。

わいひら　さん

かうたっく　さん

ありがとございます。

わかりずらい説明ですみません。

popular_entriesウィジェット固有のIDです。人によってその数字は多少違う事もあります。

上のIDの件はわかりました。

ソースを見ながらIDを調べて、それに合わせてCSSをカスタマすれば良いってことで理解致しました。

人気記事を横ならびに2列、3列と折り返させたい

イメージとしては添付画像のような感じです。

フッター、サイドバー以外の

コンテンツ領域で使用したいとおもっています。

だいたい横幅220pxくらいで考えています

横に4列

下に4列

計8個を表示する

だいたいのイメージは雑ですがこんな感じで表示したいです。

Cocoon0.6.1

固定ページではなく、記事一覧で、Cocoon人気記事で『タイトルを重ねた大きなサムネイル』を8個準備して、ローカルでいつか試そうと思い環境を作ってみました。

ただローカルでは人気記事が表示されないので、不可能でした…。

#popular_entries-4 .popular-entry-cards.large-thumb-on {
  display: flex;
  flex-wrap: wrap;
}

#popular_entries-4 .popular-entry-cards.large-thumb-on a {
  width: 25%;
}

あとはメディアクエリを使い、 width の値をお好みに合わせて変更します。

25% であれば 4 列、 33.333333% であれば 3 列、 50% であれば 2 列です。

Akira　さん　いつも教えて頂きありがとございます。

教えて頂いたCSSで完璧に想い通りの表示にする事が出来ました！ ?  ?