今回は超細かい需要かもしれませんがrefine snowテンプレートでwordpress popular postプラグインを導入した際、サムネイル画像と矢印がかぶってしまう場合の対処法です。
目次
refine snowでwordpress popular postを導入した時に起こる症状
下記の画像のように矢印がサムネイル画像にかぶります。
この症状は僕のように神経質な人間は見過ごせない
と思います。
最初、サムネイル画像が大きすぎてかぶるのかな?
と思い、大きさを変えてみましたが症状はかわらず。
これに関しては以下で紹介するコードを指定場所に
コピペするだけで簡単に解消しましたので同じ症状に
悩む神経質な方(笑、ぜひやってみてください。
refine snowでwordpress popular postプラグインを導入した際に画像に被る矢印を消す手順
ワードプレス管理画面「外観」>「テーマ編集」をクリック
custom cssをクリック
以下のコードをコピーしてください。
.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の矢印が
消えているか確認してみてください。
