【Cocoonカスタマイズ】サイドバーに設置している、人気記事ランキングのアイコンを丸くしたい

WordPressブログテーマCocoonのサイドバーに設置している、人気記事ランキングのアイコンを丸くしたい！

サイドバーに人気記事を表示したんだけど、1位、2位、3位…って表示されているアイコンを可愛くカスタマイズしたいけど、どうしたらいいんだろう？

できればデフォルトの四角じゃなくて、柔らかい雰囲気にしたいから丸いアイコンにしたいな～。

それなら、追加CSSに、今から説明するコードをコピーして貼り付けると、簡単にカスタマイズできます！

＼コードはこちら！／

/* 人気記事ランキングの表示されている数字を丸くする */
.widget-entry-cards.ranking-visible .card-thumb::before {
   top:-6px!important; /*上からの位置*/
   left:-5px!important; /*左からの位置*/
   border-radius:100%; /*角を丸くする*/
}