THE THOR(ザ・トール)メニューアイコンとサーチアイコンの色を変える(ハンバーガーメニュー&虫眼鏡)

THE THOR 記事一覧

またどーでも良いようなカスタマイズです。

前回のどーでも良いカスタム↓

THE THOR ブログカード/サイトカードの背景色を変更する

関連記事

THR THOR の便利な機能のひとつ ショートコードで挿入ができる内部リンク用のサイトカードと外部リンク用のブログカードがあります。 とても便利な機能ですがサイトカード(ブログカード)は背景がうっすら透明になっています[…]

ブログカードのカスタマイズ背景色

メニューアイコンとサーチアイコンの色を変える

対象物はこちらです↓

THE THOR メニューと虫眼鏡のアイコンの色を変える

 

画像ではわかりづらいですが、この2つのアイコンは真っ黒です。(もしくは白)

ブラックという色は常用するには強すぎる色です。

どんな背景色を選んでもこやつらが浮いて見えてしまうので色を変更しました。

 

※カスタマイズは自己責任でお願いします。

 

外観 → カスタマイズ → 追加CSS に下記CSSを追加するだけです。
#666666の部分を変更すると色が変わります。

/*ハンバーガーと虫眼鏡の色*/
.menuBtn {
    color: #666666;
}
.icon-search {
    color: #666666;
}

THE THORの設定によりclass名が違う可能性があります。その時は自サイトを調べてみてください。

意図しない部分のアイコンカラーが変わってしまう可能性もあるので注意!
ざっと見た感じは問題なさそうでした。

 

以上で完成です。

変更した色を比較 & あとがき

THE THOR 色変更の比較

比較してみても僅かな違いですが印象は大きく変わると思います。

 

全体のカラーとも馴染んでとても良くなりました(個人的感想)

またひとつ気になっていた部分が修正できたのでスッキリです。

気になりがピークに達したツイート↑

これで

見た目が良くなってPVアップ・・・

 

とはならないので完全に自己満足なカスタマイズでした。

THE THOR 記事一覧

THE THOR メニューのカラーを変更
呟くのよ・・・私の棒ストが