Ｑ.トップページ、商品一覧、商品詳細ページの商品名の文字色と文字サイズを変更したい
スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」＞「スタイルシート編集」（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）編集後、
【登録処理を完了する】ボタンをクリックして下さい。
最終更新: 2008-06-02 11:43
作成者: おちゃのこ刑部
{writePrintMsg}
{writeXMLMsg}
このエントリにコメントできません。
