サイドバーの人気記事ランキングについて

  • る

    0_1719118675497_スクリーンショット 2024-06-23 13.53.50.png

    お世話になっています。

    サイドバーに人気記事ランキングを表示させたのですが、1~3位、4~5位が同色になってしまっています。
    これは変更できますか？また、ランキングデザインの変更はできますか？

    よろしくお願いいたします。

    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 6.3.3
    ご利用のサーバー名 : ミックスホスト
    PHPのバージョン : 7.0
    OS : Ventura 13.6.4
    ご利用のブラウザ : Googleクローム
    該当サイトのURL : https://rrruka.com/

    0 1 件の返信

  • @るか さん

    こんにちは！
    画像ありがとうございます。

    1~3位、4~5位が同色になってしまっています。
    こちらが標準仕様ですね、、、

    以下の追加CSSで対応できると思います...！
    （#の後の6桁の数字で好みの色に変更できます）

    .popular-item:nth-child(1) .pop-num {
    background-color: #ffd700 !important;
}
.popular-item:nth-child(2) .pop-num {
    background-color: #a9a9a9 !important;
}
.popular-item:nth-child(3) .pop-num {
    background-color: #8b4513 !important;
}
.popular-item:nth-child(4) .pop-num {
    background-color: #cccccc!important;
}
.popular-item:nth-child(5) .pop-num {
    background-color: #cccccc !important;
}

    デザインを変更するにはCSSを理解した上での
    独自カスタマイズになるかなと思います、、

    よろしくお願いいたします！

    0
  • る

    お世話になっています。
    ありがとうございます。
    できました！

    1