採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマLAW:スマホ画面の文字色および背景色の変更

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:#任意の色コード;」をご変更ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事