特定商取引ページや関連ページの表の文字色を変更できますか?

2017-07-14 09:53

文字色や文字サイズの変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

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

(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。

(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。


(3)文字色と文字サイズの変更をします。

スタイルシート内の/* リンク集・ショップのご案内 */以下を変更します。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

/* リンク集・ショップのご案内 */

<中略>

/* ショップタイトル項目 */
.shop_title {
width: ****;
height: ****;
background-image: ****;
background-repeat:****;
margin-bottom: ****;
padding: ****;
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【タイトルの太さ…boldの場合太字になります】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

/* リンクタイトル項目 */
.link_title {
width: ****;
margin-bottom:****;
padding: ****;
}

※リンクタイトルにテキストを使用する場合のみ下記をコピーし貼り付け
***************************************************************

.link_title a:link {
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【タイトルの太さ…boldの場合太字になります】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

.link_title a:active {
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【タイトルの太さ…boldの場合太字になります】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

.link_title a:visited {
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【タイトルの太さ…boldの場合太字になります】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

.link_title a:hover {
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【タイトルの太さ…boldの場合太字になります】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

***************************************************************

/* テキスト部分 */
.shop_link_text {
width: ****;
background-color: ****;
margin:****;
padding: ****;
font-size: 【内容のサイズ…こちらの数値を任意のサイズに変更します】;
font-weight: 【内容の太さ…boldの場合太字になります】;
color: 【内容の色…こちらの数値を任意のカラーコードに変更します】;
}

例)
font-size: 12px;
font-weight: bold;
font-color: #000000;

【font-size: ~】【font-weight: ~】【color: ~】の指定がご利用のスタイルシート内にない場合は、1行全てコピーして貼り付けて下さい。

※.link_titleの文字色は、リンクの文字色指定【.link_title a:link等】を上記のようにコピーして貼り付けて下さい。
テキストを使用されない場合は必要ありません。

※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html


(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。

(5)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。