CSSの表示をなしに変更

Question

ショートコードを使用して、自分のWebページの1つにHTMLワールドマップを埋め込みます。世界地図のすぐ下には、表示値を "none"に設定するサードパーティのリンクがありますが、私はCSSスキルやウェブ開発者のバックグラウンドがないので、カスタムCSSを書くのが難しいです。私はコンテナや特定のページIDで遊んだことがありますが、運はありません。このページはwww.sheerheroine.com/mapです。誰もコードを書く方法について正しい方向に私を操縦できますか？ページを調べると、リンクが入っているコンテナを見ることができますが、このコンテナを使用するとマップ全体が削除されます。ありがとう！

Answer 1

As the entire map con-taint is coming because of thirdparty image, better check with the that third party style code. 

Or 

in alternatively, just check the the height of the total map area. 
lets assume here total height of map image is 10px from bottom. 
and lets assume the height of that area(to which area,you don't want to show user) is 2 px from bottom. 



Then create a div element, where you will put the entire map image, but follow the below stlye, where we can hide some portion of image to user 

<div style="max-width: (10 - 2)px"> here .. put your map image url..</div> 

Answer 2

!important宣言により、表示CSSを上書きすることができなくなります。次のjavascriptは、表示しない要素、つまりdocument.getElementsByClassName('fm-map-container')[0].childNodes[3].remove();を削除します。開発者のコ​​ンソールで試してみてください。それがページ上で動作するためには、要素が存在するまで実行を遅らせる必要があります。他の人が示唆するように、あなたが無料で使用している素敵なベクトルマップの使用条件に一見違反します。しかし、概念実証のために、このコードが啓発されているかもしれません。