CSSでolのデザインをいじったらAmazon JSがおかしくなっちゃったじゃん！？
どうも、Linです。ドーム、見つけました。
WordPressのブログを運営する上で肝に命じておきたいのは、
CSSのデザインはコピペでどうにかなる
ということです笑
「CSSのプロパティ」＋「CSS」みたいな検索ワードで探してみると、様々な便利サイトが出てきます。
ぼくは「ol ul」のCSSをいじりたく、こちらの神サイトを参考にさせてもらいました。
しかし、です。
CSSをコピーしただけだと、予想外のところで不具合が出てきます。
何を隠そう、この記事通りのコードでCSSをカスタマイズしてみたのですが、完璧にはイメージ通りとはいかず。
「Amazon JS」というプラグインのデザインまでもが影響されてしまい、こんな感じで、olのデザインの点がいい感じに邪魔するようになってしまったのです。
これでは見た目が悪化してるではないか！
Amazon JSのolのデザインがおかしくなってる時の対処法
そんなときの対象法を探していたら、次の神サイトに出会いました。
これは、神。
なんと、
|
1 2 3 4 5 |
/* AmazonJSのアイコンを消す */ .entry-content .amazonjs_item li:before, .entry-content .amazonjs_item a[target="_blank"]:after{ content:none; } |
というCSSのコードをstyle.cssに追加するだけで修正できるのです。
試しに、追加してみると、
うん、消えてる！！
ありがとう！！！
それでは！
Lin
おそらく、ブロガー。現在ホテル暮らしで全国フラフラしています。
ネット広告代理店に1年3ヶ月勤め上げ、独立をして丸4年が経ちました。今年でフリーランス 5年目。
質問・ご意見・相談があればLINEで受け付けていますのでお気軽にどうぞ 。
コメントを残す