ウィジェット欄の文字色、リンク色が変わりません



  • ウィジェット欄の文字色やリンク色が変わりません。

    先日stork→JINにテーマ変更をしました。

    変更の際は問題なく色がついていたのですがウィジェット欄をカスタマイズ(新たに文章の作成)して更新したところ、すべて黒で統一され、色が反映されなくなってしまいました。

    リンクは機能しているのですが、やはりリンク色は黒で表示がされてしまいます。

    CSSの追加で以下のものを追加しております。このあたりが変に作用しているのでしょうか。お手数をおかけしまして、誠に申し訳ございませんが何卒よろしくお願いいたします。

     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
    .shoplinkamazon a, .shoplinkkindle a, .shoplinkrakuten a, .shoplinkyahoo a {
    transition: all ease-in-out .3s;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 13px;
    }

    .shoplinkamazon a:hover, .shoplinkkindle a:hover, .shoplinkrakuten a:hover, .shoplinkyahoo a:hover {
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    }

    .shoplinkamazon a {
    background: #FF9901;
    border-radius: 7px;
    color: #fff;
    }

    .shoplinkkindle a {
    background: #007dcd;
    border-radius: 7px;
    color: #fff;
    }

    .shoplinkrakuten a {
    background: #c20004;
    border-radius: 7px;
    color: #fff;
    }

    .shoplinkyahoo a {
    background: #7b0099;
    border-radius: 7px;
    color: #fff;
    }

    .booklink-image {
    zoom: 1.2;
    }

    .kaerebalink-box, .booklink-box {
    border: 1px #9C9996 solid;
    box-shadow: 2px 2px 4px gray;
    margin: 20px 0;
    display: flex;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    justify-content: space-around;
    }

    .booklink-footer {
    display: none;
    }

    .kaerebalink-info, .booklink-info {
    width: 43%;
    font-size: 16px;
    }

    @media screen and (max-width: 640px) {
    .kaerebalink-box, .booklink-box {
    display: block;
    }
    .kaerebalink-info, .booklink-info {
    width: 100%;
    }
    .kaerebalink-image, .booklink-image {
    margin: 0 0 20px 0!important;
    text-align: center;
    float: none!important;
    }
    .kaerebalink-name, .booklink-name {
    text-align: center;
    }
    }

    /---表を横スクロールする---/
    .scroll-box {
    overflow: auto;/スクロール/
    margin-bottom:10px;/余白(外側下部)/
    white-space: nowrap;/折り返ししない/
    }
    .scroll-box::-webkit-scrollbar {
    height: 5px;/高さ/
    }
    .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;/角の丸み/
    background: #F3F3F3;/スクロールバーの背景色/
    }
    .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;/角の丸み/
    background: #CCCCCC;/スクロールバーの色/
    }
    @media only screen and (min-width: 768px)/* 横幅が768px以上であれば横スクロールしない / {
    .scroll-box {
    white-space: normal;/自動で折り返す/
    }
    }
    /
    ---表を横スクロールする---*/

    0_1621895958309_色が変わりません.png


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : WordPress 5.7.2
    ご利用のサーバー名 : Xサーバー
    PHPのバージョン :
    OS : Mac
    ご利用のブラウザ : Chrome
    該当サイトのURL : https://butsuzolink.com/



  • プロフィール欄の位置を修正したところ、反映させることができました。

    なぜそうなっていたかは謎のままです。