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

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

 

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

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

 このやり方は後日また。

コメント

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

    by masa    2018年5月18日 10:09 AM

コメントを残す




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

関連記事

noimage

OCNの無料家計簿

noimage

エクセルのマクロを使ってみよう

noimage
noimage

バッファローの有線LANルーター機能それぞれ

Windows7パソコンを「SoftAP」・「Virtual Wi-Fi(wireless hosted network 機能・仮想WiFi)」で無線LANルーター化してAndroid末端と通信
noimage

Windows7の標準電卓機能の使い方

noimage
noimage
noimage

Twitterのログアウト

noimage

多機能・高機能テキストエディタBigEditor

noimage
noimage
noimage
noimage

表計算ソフトのセルの移動の基本的な操作

noimage

Menu

HOME

 TOP