Rinkerのカスタマイズが反映されない



  • 昨日プラグインのRinkerをカスタマイズしたく、子テーマのテーマエディタのstyle.cssに以下のコードを追記したのですが、ボタンが崩れたり、反映されませんでした。(その後、style.cssにコード追記分を削除し、追加CSSにコードも貼ってみましたがだめでした)
    ネットやフォーラムで改善策を探したのですが見つからなかったので、教えていただけると助かります。よろしくお願いいたします。

    <追加したコード>FOR JINのくまさんのサイトのコードです。
    /*** Rinkerコメントあり /
    div.yyi-rinker-contents {/外枠/
    border: none;/枠線削除/
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);/影プラス/
    }
    div.yyi-rinker-image {/画像エリア/
    margin-right: 15px;/外側の右に余白/
    }
    .yyi-rinker-img-m .yyi-rinker-image {/画像/
    width: 140px;//
    min-width: 140px;/最大の幅/
    }
    div.yyi-rinker-contents div.yyi-rinker-info {/文字やボタン全体の設定/
    width: calc(100% - 160px);/横幅/
    }
    div.yyi-rinker-contents div.yyi-rinker-title p {/タイトルの文字/
    margin: 0;/いらない外側の余白を削除/
    }
    div.yyi-rinker-contents div.yyi-rinker-title a {/タイトルのリンク/
    color: #0066c0;/文字の色/
    font-size: .9em;/文字の大きさ/
    }
    div.yyi-rinker-contents div.yyi-rinker-title a:hover {/タイトルをマウスホバー/
    color: #c45500;/変化する色/
    opacity: 1;/透明度はそのままに/
    text-decoration: underline;/下線/
    }
    div.yyi-rinker-contents div.yyi-rinker-detail {/クレジットやメーカー、価格部分/
    padding: 0;/内側の余白を削除/
    margin: 5px 0 0;/外側の上に余白/
    font-size: 10px;/文字の大きさ/
    color: #626262;/文字の色/
    opacity: .7;/透明度70%/
    font-family: 'Avenir',sans-serif;/フォントの種類/
    line-height: 2;/文字の高さ/
    }
    span.price {/価格部分/
    font-size: 1.8em;/文字の大きさ/
    }
    .price-box span:nth-child(n+2) {/価格の後ろの文字/
    display: none;/さようなら/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links {/ボタン全体/
    margin: 0;/ソトワクリセット/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li {/ボタン共通部分/
    margin: 8px 8px 0 0;/外側に上と左に余白/
    box-shadow: none;/影を削除/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/ボタン個別/
    background: none;/背景を削除/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li a {/ボタンのリンク共通部分/
    font-weight: 500;/文字の太さ/
    font-size: 13px;/文字の大きさ/
    height: 44px;/ボタンの高さ/
    line-height: 44px;/文字の高さ/
    padding: 0 15px;/内側の左右に余白/
    border-radius: 3px;/ちょこっと丸みを加える/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {/Amazonのボタンリンク/
    background: #FFB74D;/背景色追加/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a {/楽天のボタンリンク/
    background: #FF5252;/背景色追加/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a {/ヤフーショッピングのボタンリンク/
    background: #3AADF4;/背景色追加/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li:hover {/マウスホバーしたとき/
    box-shadow: none;/影をリセット/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {/マウスホバーしたとき(リンク)/
    opacity: 1;/透明度はそのまま/
    -webkit-transform: translateY(3px);/下に動く(予備)/
    transform: translateY(3px);/下に動く/
    }
    @media screen and (max-width: 800px){/タブレット~スマホの設定/
    div.yyi-rinker-contents div.yyi-rinker-box {/リンカー全体/
    display: block;/縦並びに/
    text-align: center;/中央揃えに/
    }
    div.yyi-rinker-contents div.yyi-rinker-image {/画像エリア/
    margin: auto;/中央揃えに/
    }
    div.yyi-rinker-contents div.yyi-rinker-info {/文字やボタン部分/
    display: block;/縦並びに/
    margin-top: 5px;/外側上に余白/
    width: 100%;/横幅/
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li {/ボタン共通/
    margin: 5px 0;/外側の上下に余白/
    box-shadow: none;/影は無し/
    border-radius: 3px;/角に優しさを加える/
    }}
    @media (max-width: 420px) and (min-width: 321px){/スマホ用/
    body div.yyi-rinker-contents ul.yyi-rinker-links li a {/ボタン/
    padding: 0;/内側の余白をリセット/
    }}
    コメントなしのコード
    /
    * Rinker ****/
    div.yyi-rinker-contents {
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
    }
    div.yyi-rinker-image {
    margin-right: 15px;
    }
    .yyi-rinker-img-m .yyi-rinker-image {
    width: 140px;
    min-width: 140px;
    }
    div.yyi-rinker-contents div.yyi-rinker-info {
    width: calc(100% - 160px);
    }
    div.yyi-rinker-contents div.yyi-rinker-title p {
    margin: 0;
    }
    div.yyi-rinker-contents div.yyi-rinker-title a {
    color: #0066c0;
    font-size: .9em;
    }
    div.yyi-rinker-contents div.yyi-rinker-title a:hover {
    color: #c45500;
    opacity: 1;
    text-decoration: underline;
    }
    div.yyi-rinker-contents div.yyi-rinker-detail {
    padding: 0;
    margin: 5px 0 0;
    font-size: 10px;
    color: #626262;
    opacity: .7;
    font-family: 'Avenir',sans-serif;
    line-height: 2;
    }
    span.price {
    font-size: 1.8em;
    }
    .price-box span:nth-child(n+2) {
    display: none;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links {
    margin: 0;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 8px 8px 0 0;
    box-shadow: none;
    border-radius: 3px;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
    background: none;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li a {
    font-weight: 500;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    border-radius: 3px;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
    background: #FFB74D;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a {
    background: #FF5252;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a {
    background: #3AADF4;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
    box-shadow: none;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    }
    @media screen and (max-width: 800px){
    div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;
    text-align: center;
    }
    div.yyi-rinker-contents div.yyi-rinker-image {
    margin: auto;
    }
    div.yyi-rinker-contents div.yyi-rinker-info {
    display: block;
    margin-top: 5px;
    width: 100%;
    }
    div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 5px 0;
    box-shadow: none;
    border-radius: 3px;
    }}
    @media (max-width: 420px) and (min-width: 321px){
    body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
    }}

    0_1612909836341_スクリーンショット 2021-02-10 0.00.17.png


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


  • administrators

    @ねこかぶり さん

    こんにちは。表題の件ですが具体的にどうなればゴールになりますでしょうか?
    何か参考にしているサイトのURLをご共有いただけますと幸いです!