CSSをカスタマイズしても円形にならない現象
まずは私のブラウザのスクリーンショットをご覧ください。
左のように、角の取れた正方形ができてしまいました。
CSSを細かくチェックしましたが問題なく、ブラウザキャッシュをクリアにしても改善されない。他のブロガーさんのSNSボタンはブラウザを通して美しい円形に見えます。
Cocoonの不具合を疑った
行間やフォントの大きさも変更してみましたが改善しないので、スキンの干渉を疑いました。
プレーンなスキン[Child]スキンテンプレート [作者: わいひら]に変更してみました。
美しい円形ができました！
色々検索しているときにFont Awesomeの記事に出会ったので、ついでに修飾してみました。
結論
カスタマイズの時、コードは正常なのに期待した効果が得られなければスキンの干渉も疑うべきである、ということがわかりました。
同じ現象でお悩みの方がおられましたら是非ともお試しください。
