ワードプレスのプラグイン Blog Floating Button スマホでもバツマークを消す

Question

ワードプレスのプラグイン、Blog Floating Buttonでのバツマークのカスタマイズをしています。

/* バツを消す */
.inner_bfb .bfb_closed{
display:none;
}

こちらのCSSはPCのみに適用されるCSSなので、スマホでも共にバツマークを非表示にできるCSSの記述方法を教えて頂けると幸いです。

当方、プログラミングを全く学んだことの無いものです。

場違いだったらすみません。

記事を片っ端から検索したり、displayの部分をmobileに変更してみたり、screenに変更してみたりと、見様見真似で試してみましたが全くダメでした。

途方に暮れていたところこちらのサイトを見つけ、質問させて頂いた次第です。

よろしくお願い致します。

Answer 1

閲覧ユーザーのためになるかどうか？わかりませんが
上手くいくかスマホで調べていません、バツを消すだけなら、

.inner_bfb .bfb_closed img{
display:none;
}

としたらバツだけ消せるような気がしますが如何でしょ？

Comments

[mjm]

ご回答いただきありがとうございます！

①

/* バツを消す */
.inner_bfb .bfb_closed{
display:none;
}
.inner_bfb .bfb_closed img{
display:none;
}

②

.inner_bfb .bfb_closed img{
display:none;
}

ワードプレスの追加CSSにて2つのパターンを試してみたのですが、スマホでは相変わらずバツマークが表示されており、反映されていませんでした。
お手数お掛けしました。
ありがとうございます。
ん〜何が原因なんだろう。
困った…。

[yhasegawa55]

Blog Floating Buttonのサンプルページ表示してChromeのデバッガーでは作用しているように見えたのですが、お力になれず申し訳ない

[yhasegawa55]

スマホ（実機）でデバッグできる環境で「✖」のセレクタを調べてからのほうが早いかもしれませんね