Q.スマホ表示の際のメニュー、サイドバーボタンの色を変更したい
A.下記のcssファイルの該当箇所を編集します
編集するファイル:footer_btns.css
編集する箇所:
■Menuの色変更
.mobi_global .btn {
position: fixed;
color:#000;
display: block;
left: 0px;
bottom: 0px;
padding: 5px 0 0;
z-index: 9999;
background-color: #fff;
opacity: 0.9;
cursor: pointer;
height: 35px;
width: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
↓
.mobi_global .btn {
position: fixed;
color:#●●●;
display: block;
left: 0px;
bottom: 0px;
padding: 5px 0 0;
z-index: 9999;
background-color: #fff;
opacity: 0.9;
cursor: pointer;
height: 35px;
width: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
■Sidebarの色変更
.mobi_sidebar .btn {
position: fixed;
color:#000;
display: block;
right: 0px;
bottom: 0px;
padding: 5px 0 0;
z-index: 9999;
background-color: #fff;
opacity: 0.9;
cursor: pointer;
height: 35px;
width: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
↓
.mobi_sidebar .btn {
position: fixed;
color:#●●●;
display: block;
right: 0px;
bottom: 0px;
padding: 5px 0 0;
z-index: 9999;
background-color: #fff;
opacity: 0.9;
cursor: pointer;
height: 35px;
width: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
※●●●はご任意の色番号を記述して下さい
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!