CSSで「display:none;」にしたのに消えません。どう書けばいいですか？

Question

前提・実現したいこと

「Events Manager」というプラグインを使って
イベントを登録しています。

デモ画面はこちら

赤字枠をCSSで消したいのです。

試したこと

element.style {
    display: none;
}

で少なくとも日付の部分は消えるはずなのですが消えません。(chrome⇒検証、で記述したときには消える)

※「地図が利用できません」と「カテゴリー」に関しては、どこをどうやっても消えてくれません。。。どういう記述をすればいいのでしょうか。

補足情報（FW/ツールのバージョンなど）

ワードプレス：5.3
プラグイン：Events Manager

Answer 1

element.style　ってディベロッパーツールで表示した時の　「クリック」している要素のスタイルを表しているだけで、実際の要素のクラス名などを指しているわけではないと思うのですが・・・
element.styleを指定しても動作するはずないです。

<div style="float:right; margin:0px 0px 15px 15px;"><i>地図が利用できません</i></div>
<p>
  <strong>日時</strong><br>
  Date(s) - 07/11/2019<br><i>12:00 AM</i>
</p>

display:none;を設定したいなら、この pタグにdisplay:none;を設定してあげる必要があります。

Comments

[mifomifo]

なるほど、指定の仕方が間違っていたのですね。勉強になりました

Answer 2

.entry-body p:first-of-type {
  display: none
}

多分できるはず。

Comments

[mifomifo]

なるほど、指定の仕方が間違っていたのですね。ありがとうございました。