琵琶湖を中心にしたバス釣りブログです。バスボートで琵琶湖のバスを釣っています。

最近はお客さんから「ホームページにTwitterやFacebookを表示させて欲しい」と依頼されることが多い。

つい先ほどもWordPressで構築したサイトにTwitterウィジェットを設置したところ、

なぜかアイコンの位置に対してユーザー名が下にずれるということが起こった。（モザイク部分）

調べたところ案外簡単に解決したのでメモ的にエントリー。

原因は、Twitterウィジェットではユーザー名の文字タイトル部分に<h3>や<h4>タグが使われていて、

使用しているWordPressのテーマのcssで、これらのタグに「clear:both」が指定されているため。

対処法としては、

wp-content/themes/使用中のテーマ/style.css 内に以下のタグを記述し、アップロードするだけ。

.twtr-hd h3,.twtr-hd h4{
clear:none;
}

これで表示のずれが解消された。

人気ブログランキングで今何位？

• tweet
• 

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓