楽天の外の枠線について



  • お世話になっております。
    楽天アフィリエイトをやっておりまして、楽天の商品を張り付けると周りに灰色の枠線が出るので消したいと思い以下のCSSを貼り付けました。
    /* ---------------------------- */
    table {
    width: 333px!important;
    margin: 0px auto!important;
    }

    table, td {
    border: none!important;
    }
    /* ---------------------------- */

    すると、表の枠線まで一緒に消されてしまい困っております。

    楽天の枠線のみ消したいのですが、どうしたらいいでしょうか?


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



  • 横から失礼いたします。

    基本的どのテーマも初期状態からtable装飾をcssで指定してしまっていますので
    tableコードを変えてしまうと、テーマ全体のtableに影響してしまいます。

    私も楽天アフィリで枠線を消したかったので、
    以下のように対応しています。

    ▪️必須プラグイン
    AddQuicktag

    ▪️AddQuicktagの設定
    ボタン名:任意(例:楽天)
    ダッシュアイコン:任意
    ラベル名:任意(例:楽天)
    開始タグ:<div id="raku">
    終了タグ:</div>

    ▪️子テーマのstyle.cssへ追記
    #raku table{
    width: auto!important;
    border: none!important;
    margin: auto!important;
    }

    #raku tr td{
    border: none!important;
    }

    #raku p{
    padding: 0px;
    }

    楽天アフィリのコードをエディター内に貼り付ける際は、
    上記で設定したボタン名(例:楽天)を選んでから、
    楽天コードを貼り付ける。
    そして、再度ボタンを押して、閉じる。
    という手順になります。

    私は好みで中央揃えになるように設定していますが、
    marginやwidthをいじっていただければ、左揃えになります。:

    以上、参考になりますと幸いです。



  • 回答とは違いますがアフィリエイトはRinker使うと良いですよ。
    https://blog.skillshare.biz/rinker-affiliate-plugin/



  • 楽天の外の枠線についてで@jinjin_13が発言 :

    #raku table{
    width: auto!important;
    border: none!important;
    margin: auto!important;
    }
    #raku tr td{
    border: none!important;
    }
    #raku p{
    padding: 0px;
    }

    できました!
    ありがとうございました。



  • @skillsharejp
    RinkerはAmazonの審査を通らないと使えないので、使用していません。
    しかし提案ありがとうございます。