アコーディオンボックスのカラー変更は「外観」からできない?



  • アコーディオンボックス・QAのデフォルトが白色なので変更したいのですが、
    どこから設定すればよいでしょうか、、、
    「ボックスデザイン設定」に表示されず、迷子になっております!
    初歩的な質問、申し訳ございません、、、><!!
    0_1606220218497_アコーディオン.png


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : WordPress 5.5.3
    ご利用のサーバー名 : Xサーバー
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @2z2z さん

    基本的には外観では変更できないですね。。
    アコーディオン のカラー変更はCSSを追加しないとできないのですが、

    .jin-ac-box01-title, .jin-ac-box02-title {
        background-color: #000;
        color: #fff;
    }
    .jin-ac-box01-inner {
        background-color: #ffebeb;
    }
    .jin-ac-box02-inner {
        background-color: #ffebeb;
    }
    

    上記を追加CSSに追加して「#000」や「#fff」などのカラーコードを任意のものに変えてから確認してみてください。
    色を変えてどう変わるかなども確認しながらやっていくと、どのCSSのクラスがどの部分を変えているのかわかるのでチャレンジしてみてください!



  • アコーディオンボックスのカラー変更は「外観」からできない?で@Ryotaが発言 :

    .jin-ac-box01-title, .jin-ac-box02-title {
    background-color: #000;
    color: #fff;
    }
    .jin-ac-box01-inner {
    background-color: #ffebeb;
    }
    .jin-ac-box02-inner {
    background-color: #ffebeb;
    }

    本当にありがとうございます…!!><
    この機会にちょっとCSSの勉強もしてみます。
    JINを購入して本当に良かったです、誠にありがとうございます;;;