Tweetボタンが途中で途切れているのを修正してみた

スポンサーリンク

TwitterのTweetボタンがリニューアルされており、ちょっとだけデザインの修正をする必要があったので以下のエントリを参考にさせて頂き、デザインの修正をしてみた。

新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する: 小粋空間

■変更内容
Twitter側の変更によって”Tweetボタン”の”Tweet”が途中までしか表示されなくなったのを、全て表示されるように修正。

■変更前

“Tweet”が途中で途切れてしまっていた

■変更後

“Tweet”が最後まで表示されるようなった

■修正方法
WordPress管理画面 > テーマ編集 > style.css

に、以下のコードを追加。
iframe.twitter-share-button {
width: 60px!important;
}

*好みの問題から英語版のTweetボタンを設置していたので、width:60pxに設定。
冒頭で紹介した、情報元のエントリによると、日本語版ではwidth:65pxとされている。