WordPressテーマTCDのカスタマイズを研究するサイト

スマホ表示時の黒の背景色を異なる色に変更する方法

Q.スマホ表示時の黒の背景色を異なる色に変更したい

デフォルトではスマホ表示時は、ヘッダーの背景と一番下部のcopyrightの背景、いくつかの見出しの背景色が黒色になってますが、この色を変更する以下の方法で可能です。

A.下記ファイルの該当箇所を編集します

編集するファイル:style_sp.css
編集する箇所:

下記のコードを変更して下さい。

 

30行目

.headline1 {
	margin:0;
	padding:0 15px;
	height:36px;
	line-height:36px;
	font-size:16px;
	background: #222;
	text-align: center;
	color: #fff;
	font-weight: normal;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.headline1 {
	margin:0;
	padding:0 15px;
	height:36px;
	line-height:36px;
	font-size:16px;
	background: #●●●;
	text-align: center;
	color: #fff;
	font-weight: normal;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

 

497行目

#header { background:#000; width:100%; min-height:32px; padding:9px 0; position:relative; text-align: center;}

#header { background:#●●●; width:100%; min-height:32px; padding:9px 0; position:relative; text-align: center;}

 

1058行目

#copyright {
	width:94%;
	height: 40px;
	color:#fff;
	font-size:10px;
	text-align: center;
	background:#000;
	margin:0;
	line-height: 40px;
	padding:0 3%;
}

#copyright {
	width:94%;
	height: 40px;
	color:#fff;
	font-size:10px;
	text-align: center;
	background:#●●●;
	margin:0;
	line-height: 40px;
	padding:0 3%;
}

※●●●はご任意の色番号を記述して下さい

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。