設定画面[ 外観 ] > [ カスタマイズ ] > [ 色 ]

サイト共通の色やトップページの色、 全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

サイト共通

サイト全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

項目名設定内容
背景色初期色:#ffffff
文字色初期色:#1f1f1f
罫線初期色:#e7e7e7
キャプション色初期色:#a5a5a5
テーブル見出し背景初期色:#efefef
テーブル見出し文字色初期色:#1f1f1f

メインカラー

トップページに反映されるメインカラーを設定します。
トップページのお知らせ一覧などに反映されます。

項目名設定内容
背景色初期色:#fbfbfb
文字色初期色:#1f1f1f
罫線初期色:#e7e7e7

アクセントカラー

サイト全体に反映されるアクセントカラーを設定します。
カートアイコンの数量やカートフローなどの背景色と文字色に反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#8b1f30
文字色初期色:#ffffff

ヘッダ

ヘッダーの背景色と文字色を設定します。

ヘッダー スクロール前

スクロール前のヘッダーの背景色と文字色を設定します。
トップページでヘッダー画像が登録され、ヘッダーメニューを「常に表示」に設定している場合のみ反映されます。

スタマイザーでの設定表示
項目名設定内容
背景色初期色:rgba(255,255,255,0)(透過)
文字色初期色:#ffffff

ヘッダー スクロール後

スクロール後のヘッダーの背景色と文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#ffffff
文字色初期色:#1f1f1f

フッター

フッターの背景色と文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#555555
文字色初期色:#ffffff

先頭固定表示

先頭固定表示のテキストエリアの背景色と文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#rgba(0, 0, 0, .8)
文字色初期色:#ffffff

ボタン

メインボタン

メンバーページログインボタンや新規入会ボタンなどの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#1f1f1f
文字色初期色:#ffffff

サブボタン1

トップページ「一覧を見る」ボタンやカートページの「数量更新」「郵便番号住所検索」ボタンなどの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#ffffff
文字色初期色:#1f1f1f

サブボタン2

カートページのバックボタンなどの背景色・文字色を設定します。
カートページの「買い物を続ける」、「戻る」ボタンなどに反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#f1f1f1
文字色初期色:#1f1f1f

カートボタン

カートボタンの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#1f1f1f
文字色初期色:#ffffff

ボタン ホバー

ボタンをマウスオーバーした時の背景色・文字色を設定します。
メインボタン・サブボタン1・サブボタン2・カートボタンに反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#424242
文字色初期色:#ffffff