カテゴリーラベルの文字色は変更できますか?



  • カテゴリーラベルの文字色が白色だと見にくいので変更したいのですができますでしょうか?


    WordPressのバージョン : 5.8.1
    ご利用のサーバー名 : さくらのレンタルサーバ
    PHPのバージョン : 7.4.21 (モジュールモード)
    OS : Mac OS 11.5.2
    ご利用のブラウザ : safari 14.1.2
    該当サイトのURL :



  • @みなかた さん

    こんにちは!

    設定項目はありませんので、追加CSSにコードを記述することで対応できるかと思います!

    こちらに関しましては以下の記事が参考になると思いますので、ご参考になれば幸いです。
    https://yuki-hirose.com/wordpress-jin-category-post-list-css/

    お手数おかけしますが、よろしくお願いいたします。



  • @Tsuno_ さん
    ありがとうございます!

    これで解決!、と期待して参考にしてやってみたのですが、変わらずでした・・・(泣)。

    位置移動で次のCSSを追加しているのですが、

    /サムネカテゴリー名移動/
    @media (min-width: 768px) { span.post-list-cat {top:auto!important; bottom:11px!important}}
    @media (max-width: 767px){ span.post-list-cat {top:auto!important; bottom:22px!important}}

    当方、CSSの知識ほとんどなく、コピペして追加するくらいしかできないのですが、
    ここに追記すること変えられそうであれば教えていただけたら助かります。

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



  • @みなかた さん

    カテゴリーラベルの色に関しては変更できましたでしょうか?

    また、添付いただいたコードをこちらで試してみた所、位置の移動は出来ましたので
    キャッシュの問題か、不要なコメントアウトが入っていたりするのかもしれません。。。

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



  • @Tsuno_ さん

    返信ありがとうございます。

    それが、やはり変更できないのです(泣)。

    試しに、
    外観>カスタマイズ>追加CSSの他のCSSは消して、記入を、

    .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
    color:#aaa !important; /文字色/
    border: solid 1px #aaa !important; /枠線の種類と太さと色/
    }

    だけにしても、白文字のままで変化しませんでした。

    style.cssをテーマエディターで確認してみても

    /*
    Template: jin
    Theme Name: jin-child
    Author: CrossPiece
    Version: 1.00
    */

    しか記入されておりません。

    ほぼあきらめ状態ですが、なぜなんでしょうねぇ・・・。
    他の方は変わるんですかねぇ・・・。

    https://smilecross.com
    のカテゴリーラベルの色を白でなくすることができればいいのですが・・・。



  • @みなかた さん

    あ、色も変わってないのですね。。
    以下の追加CSSを試してみていただいても良いでしょうか。

    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .cps-post .cps-post-header .cps-post-cat a, .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat {
    	color:#aaa !important;
    }
    

    細かいところまで確認した訳ではないので恐縮ですが、
    こちらの環境では文字色は #aaa に変わります。

    ================================================

    style.cssをテーマエディターで確認してみても

    /*
    Template: jin
    Theme Name: jin-child
    Author: CrossPiece
    Version: 1.00
    */

    しか記入されておりません。

    これに関してですが、追加CSSに書いたものが
    ここに入ってくる訳では無いので気にしなくても大丈夫です!

    ================================================
    上のコードで変化がないようでしたら、サイトのURLをご共有いただけますと幸いです。
    よろしくお願いいたします。



  • @Tsuno_ さん

    やりました!!! 今回のCSS追加で希望通り色を変えることができました!
    ありがとうございます! めちゃ嬉しいです!

    CSSちょっと勉強すればわかりそうな内容に、お手間おかけしてすみませんでした。

    またお手間かける時あるかもしれませんが、その際はよろしくお願いいたします。



  • @みなかた さん

    文字色、変わりましたか!良かったです!

    また何かありましたらテーマのサポート範囲内でお答えしますので、
    お気軽にご相談いただければと思います。

    (ご確認いただければ、ご返信には及びませんので!)