【CSS】ストークでAmazon JSの丸いリストアイコンを非表示にする

Amazon JSはWordPressでAmazonの商品を紹介する際によく使われるプラグインですが、弊社テーマ（アルバトロス、ハミングバード、ストーク）と組み合わせると、リストアイコンが表示されてしまうなどのCSSの問題が発生します。

↑こんなやつ

今回はそのリストアイコンを非表示にする方法をご紹介。

Amazon JSのリストアイコンを非表示にするCSS

AmazonJSのアイコン部分を消すには、下記CSSを子テーマのstyle.cssや【外観 > カスタマイズ > 追加CSS】などに追記していただくことで変更可能です。

/* AmazonJSのアイコンを消す */
.entry-content .amazonjs_item li:before,
.entry-content .amazonjs_item a[target="_blank"]:after{
 content:none;
}

うまく適用されると、丸いリストアイコンと外部リンクアイコンがなくなってスッキリ表示されます。

Before

↓　↓　↓

After：こんな感じに

お試しください。