今回は超細かい需要かもしれませんがrefine snowテンプレートでwordpress popular postプラグインを導入した際、サムネイル画像と矢印がかぶってしまう場合の対処法です。
目次
refine snowでwordpress popular postを導入した時に起こる症状
下記の画像のように矢印がサムネイル画像にかぶります。
![popular](https://keishixx.com/wp/wp-content/plugins/lazy-load/images/1x1.trans.gif)
この症状は僕のように神経質な人間は見過ごせない
と思います。
最初、サムネイル画像が大きすぎてかぶるのかな?
と思い、大きさを変えてみましたが症状はかわらず。
これに関しては以下で紹介するコードを指定場所に
コピペするだけで簡単に解消しましたので同じ症状に
悩む神経質な方(笑、ぜひやってみてください。
refine snowでwordpress popular postプラグインを導入した際に画像に被る矢印を消す手順
ワードプレス管理画面「外観」>「テーマ編集」をクリック
![popular](https://keishixx.com/wp/wp-content/plugins/lazy-load/images/1x1.trans.gif)
custom cssをクリック
![popular](https://keishixx.com/wp/wp-content/plugins/lazy-load/images/1x1.trans.gif)
以下のコードをコピーしてください。
.widget.popular-posts li { padding-left: 0; } .widget.popular-posts li a:before { display: inline; content: none; } .widget.popular-posts a img { float: left; margin-right: 10px; } .widget.popular-posts li { zoom:1; } .widget.popular-posts li:after { content:”"; display:table; clear:both; }
いまコピーしたコードを以下の場所に貼り付けて「ファイルを更新」をクリックします。
以上で完了です。
以下のようにwordpress popular postの矢印が
消えているか確認してみてください。
![popular](https://keishixx.com/wp/wp-content/plugins/lazy-load/images/1x1.trans.gif)