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

 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、更新ボタンをクリック。

 

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

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

 このやり方は後日また。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

noimage

Bloggerのテンプレートのカラムデザインを変えてみよう

noimage

著作権侵害の被害をGoogleに申請する方法

noimage

デルのWindows7パソコンとユニットコムWindows 8

キートップの文字が消えない「レーザー印字」ロジクール K310 Washable Keyboard
noimage

PayPalってどんなものなんだろう

noimage
noimage
noimage

Twitterのログアウト

noimage
noimage
noimage

IEのお気に入りを一気に整理できるフリーソフト

noimage
noimage

AndroidアプリをSDカードに移動する方法

noimage

日本郵政のはがきデザインキット

noimage

Menu

HOME

 TOP