【Zerif Lite】無料のワードプレステーマ スマホのサブメニュー文字色変更方法

無料のWordPressテーマ「Zerif Lite」を利用していて、
サブメニューを追加したところ、スマホのメニューの色が見えづらく
修正しようと、色々とネット上を調べていましたが見つからず、
自力で解決ができたので、覚書としても方法を書き残しておこうと思います。

■修正前

■修正するファイルはこちら↓
wp-content > themes > zerif-lite > css > bootstrap.css

デフォルト

@media (max-width:767px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
}

デフォルトに赤字部分を追記しました。

@media (max-width:767px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;
color: #FFFFFF !important;}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
}

■修正後

文字色を白色に変更完了です。

———————————————————–
一般社団法人日本経営士会経営士
中小企業庁ミラサポ専門家
ウェブ解析士マスター
3級色彩コーディネーター
Webデザイナー検定エキスパート
CS試験ワープロ部門2級・表計算部門3級
全商簿記検定1級
———————————————————–
ビジネスサポート香川
———————————————————–
株式会社ビットコミュニケーションズ
TEL:087-848-9855 FAX:087-848-9856
高松市十川西町171-4(事務所) 
———————————————————–

シェアする

フォローする