ボックスメニュー＞リンクボックスの外枠の色をセクションごとに変更したいと思っております。詳細な画像を添付いたします。

対象の固定ページの「CSS用コード」に下記のCSSを適用することで、緑色にしております。

.swell-block-box-menu.is-style-default .swell-block-box-menu__item { border: 1px solid #1CADBE; }

ですが、同じパーツに対して、赤色も設定したいです。

ボックスメニュー＞リンクボックスを選択し、高度なCSSにクラス名を指定し、対象の固定ページの「CSS用コード」に赤色を設定してみましたが、うまく反映されませんでした。

どなたかご教授いただけないでしょうか。

よろしくお願いいたします。