記事内に広告が含まれています。

スマートフォンテンプレートの記事エリアの背景色と文字色の変え方

ウェブサイト・ブログ作成
この記事は約2分で読めます。

 FC2ブログのスマートフォン用のサイトを見てみたら、本文のスタイルシートで背景を指定した部分の文字が見えない。

 どうも、スマートフォン用のテンプレートの文字の色が薄いらしい。

 記事エリアの背景が暗い色なので、文字の色は薄い、白っぽい色に指定されているようだ。

 こりゃあ、困った。

 何とかしないと。

 対策としては、記事エリアの背景色を変えて、文字の色もかえることだろうか?

 

スマートフォンテンプレートの記事エリアの背景色と文字色の変更

1、設定→テンプレートの設定→テンプレートの管理→

2、スタイルシートのmain_contents .section の backgroundとcolor(テンプレートによっては、colorの指定が無い場合もある)を探す。
 このテンプレートの場合、
#main_contents .section {
margin: 0 0 20px;
border: 2px solid #555;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #333;
}

3、#数字を書き換える。
変更したスタイルシートは↓
#main_contents .section {
margin: 0 0 20px;
border: 2px solid #555;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #f2f2f2; COLOR: #000000 ;
}

4、更新ボタンをクリック。

 

 これで記事エリアの背景色と文字の色の指定が変わった。

 リンクの色も変えたかったので、リンクの色も変えてみた。

 このやり方は後日また。

コメント

  1. masa より:

    この度はお世話になりました。
    おかげ様で、背景色を変更する事で記事の文字色を変更する事なく読めるようになりました。
    やる事はわかっていてもプラグイン等々、素人ではどこを変更すれば良いのかも分からず問い合わせさせていただき良かったです、本当に有難うございました

タイトルとURLをコピーしました