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; }
※●●●はご任意の色番号を記述して下さい
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!