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

スマホ画面の文字色および背景色の変更

Q.LAWスマホ画面のウィジェットの文字色および背景色の変更

スマホ画面の右ウィジェットエリアの文字色および背景色を変更したい

A.FTPにて下記ファイルにログイン頂き、ご編集ください。

格納ディレクトリ:テーマディレクトリ/mobile/
編集するファイル:style-mobile.css
編集する箇所:
【文字色を変更する場合】

/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
.side_headline { margin:0 -15px 30px; font-weight:normal; }
.side_widget:last-child { margin:0 0 80px 0; }
.side_widget a{color:#任意の色コード;}

※上記に「.side_widget a{color:#任意の色コード;}」を追記しております。

【背景色を変更する場合】

/* 右のウィジェットエリア */
#side_col {
  position:fixed; top:0px; right:0px; width:85%; height:100%; z-index:9; padding:55px 15px; overflow:auto; background:#任意の色コード; color:#aaa;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.open_right #side_col { display:none; }

※上記の「background:#任意の色コード;」をご変更ください。

The following two tabs change content below.

tcd

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

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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