CSSで装飾したリンクテキストが2重になってしまう

[hayabusa]

http://www.medi-qa.com/wp/viral-media-sns-botton.html

こちらのサイトを参考にしてボタンを設置したいのですがどうにもうまく行きません。

style.cssに

.snsshare {
width: 100%;
height: 140px;
margin-bottom: 10px;
}

.snsshare a {
width: 100%;
height: 30px;
margin-bottom: 10px;
padding: 14px 0;
float: left;
font-size: 24px;
font-weight: bold;
color: #ffffff;
text-align: center;
letter-spacing: .1em;
display: inline-block;
text-decoration: none;
}

.snsshare a:hover {
color: #ffffff;
text-decoration: underline;
}

.snsshare a#share_fb {
background-color: #3B5998;
border-bottom: 1px solid #3C5A98;
}

.snsshare a#share_tw {
background-color: #00ACEE;
border-bottom: 1px solid #0193CB;
}

.vWrap {
position: relative;
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}

.vWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

single.phpの設置を考えている場所（本文直後）に
<div class=”snsshare”>
“onclick=”window.open(this.href, ‘FBwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;”>Facebookでシェア
&text=<?php the_title(); ?>&via=twitterアカウント” target=”blank”>Twitterでシェア
</div>

以上で記載しているのですが
添付ファイル01.pngのように文字が二重になってしまいます。
添付ファィル02.pngのように該当部分をドラグすると文字は二重になっていないので
CSSでLINKのテキストの設定に問題があるのでしょうか？

どなたか、教えていただければと思います。

よろしくお願いいたします。

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

まず、本文の最後に何らかのコンテンツを表示する場合は single.phpを直接編集せずに “記事の最後”ウィジェットエリアに「テキストウィジェット」を追加して表示してください。
※テーマファイルへの直接の改変はアップデートに支障があるため、推奨していません。

対象テーマが不明ですが、二重に見えるのは text-shadow とフォントのカラーが同化していると思われます。

基本テキスト設定にてテキストシャドウを規定のカラーコード(#fff)以外にするか、カラーコードではなく transparent として保存してください。

[投稿者]

投稿