前略、猫ちゃんさん

投稿者:: @nekochannekochan

わいひらさんのように

見本となるページのリンクを貼っていただけますか？

style.cssに

.widget-entry-cards.ranking-visible .card-thumb::before {
  border-radius: 50%;
}

で人気記事ウィジェットの左上の数字の背景が丸くなります。

スキン「みるらいと」のスタイルですね。

数字の位置を左上にするのも一緒のCSSにまとめてしまった方が良かったですね。

.widget-entry-cards.ranking-visible .card-thumb::before {
  border-radius: 50%;
  top: -20px;
  left: -20px;
}

(-20pxの部分はお好みの数値で)

関連トピック：サイドバーの人気記事のブログカード画像が隠れないように、左上の数字①➁③④⑤をさらに左斜め上に上げたい。

猫ちゃん さん

スキンを、「COLORS」系の６種類のどれかにすれば、ランキングの数字は、わいひらさんと同じようになるような気もします。

猫ちゃん さん

「みるらいと」だとこんな感じ。

はるさん、リフィトリーさん、３つの質問への３つのご回答、早速ありがとうございます。

スキン「みるらいと」のスタイルなんですね。

今は、わいひらさんのサイドバーでは、①➁③④⑤の載っているリンクが探せません。

２ヶ月くらい前にCocoonでサイドバーがそういう表示になっていて、いいなと思っていました。

フォーラムで問い合わせる際の「その説明個所の名称・呼称」が分からず、また回答を読んだ時も「ブロックエディターってどこだ？」と、カタカナを全て調べる羽目になるので、質問できないでいました！ ? 

自分のカード画像は、みな肝心なところがラベルで隠れてしまっているので、ホントにすぐのご返信、ありがとうございました。

ＣＳＳに不慣れですが、やってみます。

　　　　　　　　　　　　　　　　　　　　　　　　　　猫

皆様

３つとも解決ボタンを押せました！

「トピック冒頭の「解決済み」リンク」とは、自分が立てたトピックの「依頼」文章の一番下の右隅の枠上の位置に、ブルーの文字で「返信　　引用　解決済み　報告」と、あり、「解決済み」を選択できました。

こんなことも、リフィトリー様の添付してくださった添付画像の位置探しに、時間がかかります。

有難うございました。

　　　　　　　　　　　　　　　　　　　　　　　蝸牛の猫より