はてなブログのAmazon商品紹介(hatena-asin-detail)のCSS関係【カスタマイズ】
最近リストのCSSを編集したのですが、
リストデザインを変更すると、
下記のようにAmazonの商品紹介リンクもデザインが崩れてしまいます。
これでお悩みの方に向けての解決策です。
リスト(ul)デザインの影響を受けないようにする
リストのデザインを設定しなかった時の状態に戻します。
デザイン→CSSに以下をコピペ
.hatena-asin-detail-info ul, .hatena-asin-detail-info ul li { border:none !important; background:none !important; } .hatena-asin-detail-info ul li:before { content:none !important; }
これでリストデザインは変更されているのに、Amazon商品紹介のデザインは変化なし。
いくらでもリストデザインを凝れます。
画像と商品名以外を非表示にする
修正中に閃いたんですけど、Amazon商品紹介を画像と商品名だけにしたらシンプルでいいと思いました。
一応載せておきます。
デザイン→CSSに以下をコピペ
.hatena-asin-detail-info ul, .hatena-asin-detail-info ul li, .hatena-asin-detail .hatena-asin-detail-foot{ display:none !important; }
以上です。
リストのCSSいじると商品紹介の部分も一緒に変更されて嫌だなって時にお試しください