WordPress テーマ THE THOR:メニューと検索ボタンの文字文を消す

本サイトは、Wordpressテーマ THE THOR 01のスタイルを使用しています。
01のスタイルは、メニューと検索ボタンにそれぞれ、MENU、SEARCHの文字がありましたが、スッキリとしないので取ってしまいました。
カスタマイズの方法をご紹介します。

どうやってやるの?

追加CSSで簡単に行なえます。

手順

テーマのカスタマイズ画面を開きましょう。

外観 → テーマ → カスタマイズ

右のメニューから

追加 CSS

を選択し、表示されたフィールドにこちらのコードを入力します。

.searchBtn__link:after,
.menuBtn__link:after{
display:none !important;
}

このコードでは、ボタン下の文字の部分を非表示にする処理を書いています。

まとめ

追加 CSSでの調整はテーマ・スタイルが壊れることが無いので安心です。
この方法ならテーマ・スタイルに更新が入った際も安心だとおもいます。

>INSTAHACK インスタハック Twitter

INSTAHACK インスタハック Twitter

INSTA HACK(インスタハック)は、テック系、Web制作系を中心とした記事を掲載するブログです。Twitterで最新の記事をおしらせしています。

CTR IMG