フォントカラー・背景色の変更(共通部分)

カラーミーショップの、基本的な【 文字色・リンク色・ホバー色・背景色 】の変更は
管理画面 > デザイン > テンプレート編集 > 「共通」を「項目編集(初級モード)」

で設定できます。
SEO+テンプレートでも同様で、個別の指定がない部分の文字色やリンク色はこれで設定できます。

 

項目編集で色を指定していても、cssファイルで個別に文字色や背景色を指定している場合はそちらが優先されます。

 

以下はcss編集用のCSSセレクタですがSEO+テンプレート専用のセレクタですので他テンプレートの場合は異なります。
お間違いないようにご了承ください。

 

・SEO+テンプレートは、検索からの集客を強めることを目的としたカラーミー専用テンプレートです。詳細・具体的な機能はこちら

共通部分の文字色・背景色変更

ヘッダー

ショップ名

#shopname{
	color: 色 ;
}

画面右上(スマホでは上部)のメニュー

文字

#member-menu span{
	color: 色 ;
}

アイコン

#member-menu svg{
	fill: 色 ;
}

 

ナビゲーションメニュー(PCのみ表示)

#nav li a{
	color: 文字色 ;
	background-color: 背景色 ;
}

マウスホバー時(PCのみ)

#nav li a:hover {
	color: 文字色 ;
	background-color: 背景色 ;
}

 

ドロワーメニュー(タブレット・モバイルの横からでてくるメニュー)

#drwer{
	background-color: 背景色 ;
}
#drwer h4,#drwer a{
	color: 文字色 ;
}

「メニューをとじる」ボタン

.drwer-box:first-of-type > label {
	color: 文字色 ;
	background-color: 背景色 ;
}

 

フッター

#footer{
	background-color: 背景色 ;
}

フッターリンクの文字色

#footer li a {
	color: 文字色 ;
}

コピーライト表示

#copyright p, #copyright a {
	color: 文字色 ;
}
#copyright{
	background-color: 背景色 ;
}