STINGER +2のドロップダウンのタイトルの二重・だぶりを解消する方法

WordPress

STINGER PLUS2を別のブログで使っているのですが、サイドバーの「アーカイブ」と「カテゴリー」をドロップダウンにした時に、タイトルが二重に表示されてしまうのが気になったので対策をしてみました。

スポンサーリンク

STINGER PLUS2のドロップダウンのタイトルの二重・だぶり問題

ドロップダウンでタイトルが二重表示になる問題。

STINGER PLUS2のサイドバーの「アーカイブ」と「カテゴリー」。

ドロップダウン以外だと出ないのですが、ドロップダウンにするとこんな風にタイトルが二重に表示されてしまいます。

「アーカイブ」と「カテゴリー」のウィジェットのタイトル欄は空白です。

ちなみにここに試しに「月ごとの記事」と文字を入力すると

同じタイトルでだぶります(汗)

ソースを調べてみました。

どうにも見た目が気になってしまったので、ソースを調べてみました。

FireFox、Chrome、Internet Explorerの3つのブラウザとも「F12」(Windows)を押すと画面の下に開発者ツールが出ので「インスペクター」をクリックするとソースが確認できます。
すると、ドロップダウンにした時に<label class=””>が追加されてしまっています。

h4に対してCSSを変更すると、サイドバーの他のh4にも影響が出るので、「.screen-reader-text」に対してCSSを追記しました。

style.cssにコードを追記する。

WordPress管理画面 >外観 >カスタマイズをクリック。

一番下の「追加CSS」をクリックし、下記のコードを追記します。

/*ドロップダウンでラベル表示無し*/

.screen-reader-text{
display:none;
}

コード追記前は二重にだぶって表示されていましたが

CSS追記で解消されました。

ちょっとした事ですが、気になっていたので解消されて良かったです。