おすすめツール

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

 

 

著者プロフィール

keishi
1988年生まれ/早稲田大学社会科学部卒

好き:無印良品、mac、ラッコ、シンプルで上質なモノ。

嫌い:目覚まし時計、しいたけ、体育会系ノリ。

『就職したくない。。。ってか、朝早く起きれない。』

そんな思いで、就活で挫折していた、2013年の5月(25歳のとき)に0からPC1台、ネットビジネスを始めたのがきっかけ。

現在はビジネスコミュニティの運営、Webマーケティング、アフィリエイト、コンサル、などの活動が中心。

【実績】
2013/5 :ネットビジネス開始
2014/7 :月収100万円達成(プロモーション)
2015/2 :月収200万円達成(プロモーション)
2015/9 :月収1600万円達成(プロモーション)
2016/1 :月収200万円達成(自動化)
2016/9 :月収3000万円達成(プロモーション)
2017/2 :月収400万円達成(自動化)
2017/10:月収4900万円達成(プロモーション)

“1台のPC以外、持たない小さな起業という働き方を通して、心地のよいくらしを創る”ことを発信しています。

1台のPC以外、持たない小さな起業という働き方を0から実現するための教科書&メルマガの購読者は1万人を突破。

1台のPC以外持たずに、自由に働く月収100万円プレイヤーを多数輩出している、keishiが制作した小さな起業実践のための初心者向けの教科書『Net business navigation』が期間限定で無料で全てダウンロードできます。詳しくはこちら↓

期間限定ですので、興味があればこちらから今すぐご登録頂くことをおすすめします。