右上の電話番号の背景色を変更する方法（ミナモト）
この記事に関するテンプレート：ミナモト
ミナモト、トヨトミには、右上に電話番号を設置する箇所があります。
常時グリーンの背景色になっていますが、この背景色を変更する手順を紹介します。
メニューの背景色を変更する方法は別の記事で紹介 
しています。
メニューの背景色とフォントのカラー変更（ミナモト、トヨトミ）
この記事に関するテンプレート：ミナモト、トヨトミ ヘッダーメニューの背景色とフォントのカラーを変更する手順を紹介します。 背景色のカラー変更 まずは背景色です。 …
士業向けのワードプレステンプレート集SAMURAI PRESS 
右上の電話番号の背景色を変更する手順（２ステップ）
- グーグルで「カラーピッカー」を検索して背景色にするカラーを決める
- 追加CSSの該当箇所を変更する
１，グーグルで「カラーピッカー」を検索して背景色にするカラーを決める
カラーピッカーとは、視覚的にカラーを選択できるツールです。
グーグルで「カラーピッカー」で検索してください。
自分の好きなカラーを見つけてください。
決まったら#から始まる英数字をコピーします。上記画像なら「#32a852」をコピーします。
２，追加CSSの該当箇所を変更する
ワードプレスの追加CSSを編集します。
外観→カスタマイズ→追加CSS
（※初心者の方は、念の為に追加CSSの全てをコピペしてパソコンのメモ帳に貼り付けておきましょう。）
赤枠で囲ったところに先ほどコピーしたカラー（#32a852）をペーストしてください。
（行数は現在とは異なる場合があります。）
念の為、編集前CSSコードを置いておきます。
/* 最後のメニュー項目だけ白抜き文字にする */
.vk-menu-acc li:last-child {
background-color: #08a131;
}
body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
.global-nav-list>li:last-child .global-nav-name i {
color: #fff;
}
.nav li:last-child a, nav li:last-child a {
color: #fff;
}
背景色がが変更されたことが確認できたら「公開」ボタンをクリックしてください。
他の部分は変更しないでください。#からはじまる英数字6桁だけを変更してください。
フォントカラーを変更する方法
背景色によっては、今のままの文字色（フォントカラー）では見えにくい場合があります。
初期状態では白抜きの文字ですが、様々なカラーに変更できますので、フォントカラーを変更する手順も紹介します。
下の「color:#fff」の#fffを変更してください。変更されます。
上のcolor:#fffも同じ色に変更してください。
アドバイス
背景色と文字色は似た色にしないようにしましょう。
落ち着いた色にするほうが閲覧しやすくなるでしょう。
