スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシートを編集します。
【この色の部分】のみを変更してください。
こちらの記載は、基本的には、テンプレート内にございませんので、スタイルシート内にコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
A:hoverの指定は、マウスオーバー時の文字色、文字サイズの指定となります。
トップページ、カテゴリ一覧ページ、グループ(特集)一覧ページ、商品詳細ページにて記載それぞれ個別に設定することができますので、必要な指定をご利用下さい。
※最下部に一括での指定方法も記載しております。
●トップページの場合
.top_page_body h2 A:link {
color: 【こちらの数値を任意のカラーコードに変更します】; font-size: 【こちらの数値を任意のサイズに変更します】; }
.top_page_body h2 A:active { color: 【こちらの数値を任意のカラーコードに変更します】; font-size: 【こちらの数値を任意のサイズに変更します】; }
.top_page_body h2 A:visited { color: 【こちらの数値を任意のカラーコードに変更します】; font-size: 【こちらの数値を任意のサイズに変更します】; }
.top_page_body h2 A:hover { color: 【こちらの数値を任意のカラーコードに変更します】; font-size: 【こちらの数値を任意のサイズに変更します】; }
例)color: #FFFFFF; font-size: 14px; |
●商品一覧の場合 ※カテゴリ一覧ページ
.categorylist_page_body h2 A:link {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.categorylist_page_body h2 A:active {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.categorylist_page_body h2 A:visited {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.categorylist_page_body h2 A:hover {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
例)color: #FFFFFF;
font-size: 14px; |
●商品一覧の場合 ※グループ(特集)ページ
.pickuplist_page_body h2 A:link {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.pickuplist_page_body h2 A:active {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.pickuplist_page_body h2 A:visited {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
.pickuplist_page_body h2 A:hover {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
例)color: #FFFFFF;
font-size: 14px; |
●商品詳細の場合 .item_name { color: 【こちらの数値を任意のカラーコードに変更します】; font-size: 【こちらの数値を任意のサイズに変更します】; }
例)color: #FFFFFF; font-size: 14px; |
●一括指定の場合 ※上記全ての箇所の文字色、文字サイズを一括で変更できます。
h2 A:link,
h2 A:active,
h2 A:visited,
h2 A:hover,
.item_name {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}
例)color: #FFFFFF;
font-size: 14px; |
(3)編集後、
【登録処理を完了する】ボタンをクリックして下さい。