refine snowでwordpress popular postプラグインを導入した際に画像に被る矢印を消す方法

今回は超細かい需要かもしれませんがrefine snowテンプレートでwordpress popular postプラグインを導入した際、サムネイル画像と矢印がかぶってしまう場合の対処法です。

refine snowでwordpress popular postを導入した時に起こる症状

下記の画像のように矢印がサムネイル画像にかぶります。

popular

 

この症状は僕のように神経質な人間は見過ごせない
と思います。

 

最初、サムネイル画像が大きすぎてかぶるのかな?
と思い、大きさを変えてみましたが症状はかわらず。

 

これに関しては以下で紹介するコードを指定場所に
コピペするだけで簡単に解消しましたので同じ症状に
悩む神経質な方(笑、ぜひやってみてください。

 

refine snowでwordpress popular postプラグインを導入した際に画像に被る矢印を消す手順

ワードプレス管理画面「外観」>「テーマ編集」をクリック

popular

 

custom cssをクリック

popular

 

 

以下のコードをコピーしてください。

.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;
}

 

いまコピーしたコードを以下の場所に貼り付けて「ファイルを更新」をクリックします。
popular

 

以上で完了です。

 

以下のようにwordpress popular postの矢印が
消えているか確認してみてください。

popular

 

 

当ブログからの無料プレゼントはこちら
バナー

いかがだったでしょうか?参考になれば幸いです

当記事を気に入って頂けましたら、ソーシャルメディアボタンを押して共有して頂けると嬉しいです

このエントリーをはてなブックマークに追加