Q&A
iframe の中のコードにCSSを記述しないと効かないと思います。
前提・実現したいこと
埋め込んだGoogleマップの口コミを非表示するには？
発生している問題・エラーメッセージ
WordpressのTCDテーマ「AMORE」固定ページに、Googleマップを<iframe>で埋め込みました。
口コミの部分（画像の赤線部分）のみを非表示にしたいです。方法がありましたら教えて頂けると助かります。
試したこと
※検証画面上では、口コミ該当部分に
.gm-style .review-box{display:none}
と記述すると消えるのですが、Wordpressのcssに同じ記述をしても全く変わりません。
固定ページのcss、style.css、amore.cssなどへの記述を試してみましたが変わらず。
!importantをつけても変わらずです。
ありがとうございます。iframeにdisplay:noneとstyleを記述すると、Googleマップ自体が消えてしまいます・・・。
ええ。なので、frame の中のコードにCSSを記述しないと効かないです。
試しにdisplay:noneを記述してみた.gm-style .review-boxは、<iframe>内の要素です。
検証では非表示になるのに、実際に記述してみると非表示になりません。
いえ、そういう意味ではなく、iframe 要素で呼び出しているHTMLの中に記述しないといけないということです。
iframe要素で呼び出しているHTMLは、Wordpressのどこから確認できるでしょうか？
わかりにくい言い方ですみません。iframe要素で呼び出しているHTMLは、Googleにあります。なので、「呼び出しているHTMLの中に記述しないといけないということ」は、それはできない、ということです。
少なくとも、私には思いつきません。
考えていただきたいのですが、どこかのサイトがGoogleマップを埋め込みながらその地図を変更して表示する、ということができるのは、セキュリティ的に問題がありますよね？ そのような抜け穴は見つかり次第に埋められていますから、方法はまずないと思っていいかと思います。
分かりました。やっぱり難しいですよね。
他の方法を考えてみます。
分かりやすく説明して頂きありがとうございました！
回答1件
ベストアンサー
あなたの回答
tips
プレビュー
