左メニュー部分(「特定商取引法表示」「店長日記」「関連ページ」「掲示板」)の文字色,文字サイズの変更はできますか?

2017-07-14 09:58

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

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

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

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

(3)文字色の変更をします。
スタイルシート内の/* ナビゲーション *//* リンク色 */以下を変更します。

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

/* ナビゲーション */
.navi {
width: ****;
margin: ****;
padding: ****;
}

/* リンク色 */
.navi A:link {
color: 【リンクの色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.navi A:active {
color: 【クリック中の色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.navi A:visited {
color: 【訪問済みの色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.navi A:hover {
color: 【マウスポインタを合わせた時の色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

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

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

/* リンク色 */以下の指定がご利用のスタイルシート内にない場合は、コピーし貼り付けて下さい。貼り付け位置は、/* ナビゲーション */という指定の下となります。


■各ボタンで違う文字色、文字サイズ設定がしたい方

/* ナビゲーション */

/* ショップ通信 */
.shop {
width: ****;
height: ****;
margin: ****;
padding: ****;
background-image: ****;
}

/* リンク色 */
.shop A:link {
color: 【リンクの色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.shop A:active {
color: 【クリック中の色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.shop A:visited {
color: 【訪問済みの色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

.shop A:hover {
color: 【マウスポインタを合わせた時の色…こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
}

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

 

【.shop A:link~】の指定がご利用のスタイルシート内にない場合は、/* リンク色 */以下をコピーし貼り付けて下さい。
貼り付ける位置は、上記のように.shopの場合.shop{ }という指定以下に貼り付けて下さい。
それ以外の場合も同様に.diary{ }以下等に貼り付けて下さい。

※各ボタンの指定、上記の.shop部分を下記のように変更して下さい。
特定商取引の場合:.shop
店長日記の場合:.diary
関連ページの場合:.link
掲示板の場合:.bbs
フリーページの場合:.free_menu

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

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

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