ヘッダーメニューのボタンを非表示にしたい

お世話になります。

あるプラグインで生成されたヘッダーのボタンを非表示にしたいと考えています。

CSSで下記ですべてを消すことはできたのですが(上記赤枠①)

.kintone-app-headermenu-space{
display:none;
}

 

今回非表示にしたい要素は上記赤枠②となります。

.custom-elements-referencecalc{
display:none;
}

上記の通り入力してみましたが非表示にありませんでした。

指定の仕方が違うのかと思うのですが、ご教示いただけませんでしょうか。

お手数をおかけいたしますがよろしくお願いいたします。

 

 

 

 

 

プラグインに内包されている他のCSSに優先順位が負けているのではないでしょうか

display: none !important;

というふうに!importantつけるとどうなるでしょうか

村濱様

 

お世話になります。

ご連絡ありがとうございます。

ご指摘の箇所追記することで非表示にすることを確認できました。

大変勉強になりました。

これで機能を制限できそうです。

ありがとうございました!!