トップページ、商品一覧、商品詳細ページの商品名の文字色と文字サイズを変更したい

2008-06-02 11:43
スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(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)編集後、【登録処理を完了する】ボタンをクリックして下さい。