新テーマ「ストークSE」をリリースしました!

【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:こんな感じに
上記CSSを追記しても内容が適用されない場合はブラウザキャッシュなどが残っている可能性が考えられますので、キャッシュ関連を疑ってみてください。

お試しください。

NEWモデル

STORK SE

よりコンテンツに集中させるテーマ
STORK SE(ストークSE)

STORK SEはシングルカラム(1カラム)に特化したテーマなので、より訴求力の高いページやブログ記事を作成するのに向いています。

究極のモバイルファーストテーマ
STORK19(ストーク19)

ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。

ABOUT US
アバター画像
オープンケージ
ブロガー・アフィリエイター向けのWordPressテーマを制作しています。