非表示にしたいのはどのページのどの部分ですか？

.cat-labelというセレクタは、Cocoonでは例えば関連ページのサムネイル左上に表示されるカテゴリ名などに使用されています。

SWELLでどの部分に.cat-labelというセレクタが使われているか分かりませんが、セレクタが違う(cat-labelは非表示にしたい部分以外を指している、SWELLでは使われていないなど)のではないでしょうか。

ご返信ありがとうございます🙏

カテゴリーラベルを非表示にしたいページは、例えば以下のページです。
「むすびができること」以外のページを非表示にさせたいです。

お知らせ | むすび (kmsb.jp)

未だに要件が不十分な気がしますが…

・ https://www.kmsb.jp/category/service/
　このページではページ上部のメニュー部分(添付画像1枚目)を表示する

・それ以外のページではページ上部のメニュー部分を非表示にする

と理解すると、以下のCSSで実現できると思います(検索ボタンは残しました)。

:not(.category-5) #gnav li:not(.c-gnav__s) {
  display: none;
}

 

 

そうではなく

・ https://www.kmsb.jp/information/
　このページで、ページ上部のメニュー部分のうち「むすびができること」以外を非表示にする

であれば以下のCSSで実現できると思います。

.postid-67 .c-gnav li:not(:nth-child(3)) {
  display: none;
}

説明不足で、申し訳ございません🙏

カテゴリーラベルは、メニューではなく、記事下にある小さなラベルのことです。
この小さなラベルを、「むすびができること」以外の投稿ページですべて、非表示にさせたいです。

他にもっと良い方法がある気がしますが、一応以下でできそうです。

1. 「外観＞カスタマイズ＞高度な設定」を開く
   ※このページを参考にしました：「SWELL」でjQueryを使う方法（自作JSファイルの設置方法）
2. 以下のJavaScriptを入力する

<script>
let el = document.getElementsByClassName('p-articleFoot')[0];
if (el.getElementsByClassName('c-categoryList__link')[0].getAttribute("data-cat-id") != "5") {
  el.remove();
}
</script>

他にもっと良い方法がある気がすると書いたのは、CSSだけでカテゴリを特定する方法が分からなかったためです。
bodyなどにカテゴリのクラスが追加されたりしないっぽかったので、JavaScriptを使用しています。
多分SWELL有識者の人の方が分かると思います。

こちらでも、ご教示ありがとうございます🙏✨

JavaScriptの方が、高度なカスタマイズなんですね。
教えていただいたコードを、「headタグ終了直前に出力するコード」や「bodyタグ開始直後に出力するコード」にいれて、「jQueryを強制的に読み込む」にチェックも入れてみましたが、まだ、カテゴリーラベルは表示されている状態になっています。

以下にすると動きますか？
jQueryは読み込まなくて良いです。

window.onload = function() {
  let el = document.getElementsByClassName('p-articleFoot')[0];
  if (el.getElementsByClassName('c-categoryList__link')[0].getAttribute("data-cat-id") != "5") {
    el.remove();
  }
}

そのまま入れたり、左の空白をつめても入れてみましたが、まだカテゴリーラベルは表示されている状態になっています。メニューの上に、コードが表示されました。
高度な設定は、変更にちょっと難しそうなので、今回は諦めようと思います。

他のトピックでも、教えていただき、誠にありがとうございました✨🙏勉強にもなりました✨