◆コメント、トラックバックボタンのカスタマイズ

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

今日は、コメントボタンとトラックバックボタンの色を変えてみました。

以下のCSSを追加してみてください。

注：新CSS編集デザイン用のカスタマイズです。

/*コメントボタンの色を変える*/
.commentBtnArea .basicBtnS{
color:#333333 !important;/*文字色*/
font-weight:bold;/*太字*/
border:2px solid #3eb370;/*枠線　太さ　線種　線色*/
}
.commentBtnArea .basicBtnS:hover{
color:#3eb370 !important;/*マウスオーバー時の文字色*/
}
/*トラックバックURL欄の色を変える*/
.trackbackURL{
border: 1px solid #3eb370;/*枠線色*/
background-color:#e0ebaf;/*枠内色*/
color:#333333;/*文字色*/
}

/*トラックバックボタンの色を変える*/
.trackbackBtnArea .basicBtnS{
color:#333333 !important;/*文字色*/
font-weight:bold;/*太字*/
border:2px solid #3eb370;/*枠線　太さ　線種　線色*/
}
.trackbackBtnArea .basicBtnS:hover{
color:#3eb370 !important;/*マウスオーオーバー時の文字色*/
}

こんな感じになります。

コメントボタン通常時

コメントボタン、マウスオーバー時

トラックバックボタン通常時

トラックバックボタン、マウスオーバー時

いつもお世話になっています。

実験委員さんの、こちらの記事を参考にしました。

ありがとうございます。

あなたも参考にしてみてください。

⇒コメントするボタンの色を変える

⇒トラックバックするボタン

---