ログイン、検索、カートに入れる等の各ボタン色を変更したい
背景画像の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシート内の下記の箇所を編集して下さい。
この部分は基本的に、背景画像(background-image部分)により設定しています。
ボタンの色を変更されたい場合は、背景画像を変更していただくか、または、背景画像を削除し、背景色(background-color)にて設定して下さい。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
●背景画像を変更される場合
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。
●背景色にて変更される場合
この場合、背景画像の部分background-image: url(img/bot_bg.gif);の行は削除して下さい。
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。
(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシート内の下記の箇所を編集して下さい。
この部分は基本的に、背景画像(background-image部分)により設定しています。
ボタンの色を変更されたい場合は、背景画像を変更していただくか、または、背景画像を削除し、背景色(background-color)にて設定して下さい。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
●背景画像を変更される場合
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。
/* フォームボタン強調 */ .bot_b input { padding: ****; background-color: ****; background-image: 【背景画像…こちらに背景に使用したい画像のURLを記入します】; color: 【こちらの数値を任意のカラーコードに変更します】; font-weight: ****; } 例) background-image: url(img/bot_bg.gif); color: #FFFFFF; |
●背景色にて変更される場合
この場合、背景画像の部分background-image: url(img/bot_bg.gif);の行は削除して下さい。
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。
/* フォームボタン強調 */ .bot_b input { padding: ****; background-color: 【こちらの数値を任意のカラーコードに変更します】; color: 【こちらの数値を任意のカラーコードに変更します】; font-weight: ****; } 例) background-color: #000000; color: #FFFFFF; |
※背景画像のURLを変更される場合は、制作いただいた画像を画像専用管理画面からアップロードして下さい。
画像URLは、必ずimage/~の相対パスにて記載して下さい。http://~の絶対パスで記載いただいた場合、SSL保護下のページでセキュリティ警告が表示されます。
(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。