設定画面 | [ 外観 ] > [ カスタマイズ ] > [ 色 ] |
サイト共通の色やトップページの色、 全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。
サイト共通
サイト全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#ffffff |
文字色 | 初期色:#424242 |
罫線 | 初期色:#424242 |
キャプション色 | 初期色:#a5a5a5 |
テーブル見出し背景 | 初期色:#a5a5a5 |
テーブル見出し文字色 | 初期色:#424242 |
メインカラー
トップページに反映されるメインカラーを設定します。
トップページのお知らせ一覧などに反映されます。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#fbfbfb |
文字色 | 初期色:#424242 |
罫線 | 初期色:#e7e7e7 |
アクセントカラー
サイト全体に反映されるアクセントカラーを設定します。
カートアイコンの数量やカートフローなどの背景色と文字色に反映されます。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#899f6f |
文字色 | 初期色:#ffffff |
ヘッダ
ヘッダーの背景色と文字色を設定します。
ヘッダー スクロール前
スクロール前のヘッダーの背景色と文字色を設定します。
トップページでヘッダー画像が登録され、ヘッダーメニューを「常に表示」に設定している場合のみ反映されます。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:rgba(255,255,255,0)(透過) |
文字色 | 初期色:#ffffff |
ヘッダー スクロール後
スクロール後のヘッダーの背景色と文字色を設定します。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#efefef |
文字色 | 初期色:#424242 |
メインボタン
メンバーページログインボタンや新規入会ボタンなどの背景色・文字色を設定します。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#6c6c6c |
文字色 | 初期色:#ffffff |
サブボタン1
トップページ「一覧を見る」ボタンやカートページの「数量更新」「郵便番号住所検索」ボタンなどの背景色・文字色を設定します。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#ffffff |
文字色 | 初期色:#424242 |
サブボタン2
カートページのバックボタンなどの背景色・文字色を設定します。
カートページの「買い物を続ける」、「戻る」ボタンなどに反映されます。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#f1f1f1 |
文字色 | 初期色:#424242 |
カートボタン
カートボタンの背景色・文字色を設定します。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#899f6f |
文字色 | 初期色:#ffffff |
ボタン ホバー
ボタンをマウスオーバーした時の背景色・文字色を設定します。
メインボタン・サブボタン1・サブボタン2・カートボタンに反映されます。
カスタマイザーでの設定 | 表示 |
項目名 | 設定内容 |
---|---|
背景色 | 初期色:#424242 |
文字色 | 初期色:#ffffff |