ボタンのカスタムCSSがユーザーに表示されない

こんにちは、

テーマのカスタム CSS オプションを使用しているのですが、上書きされたボタンスタイルが自分だけに表示されているようです。例えば、カスタム CSS ではボタンをオレンジと白に設定していますが、自分以外のすべてのユーザーには、カラーパレットで定義されている緑と薄い灰色で表示されています。

単にボタンクラスに「!important」を追加すればよいのでしょうか?それとも、すべてのユーザーがカスタム CSS のスタイルを正しく表示させるにはどうすればよいでしょうか?

ご教示いただければ幸いです。よろしくお願いいたします。

追記:
カスタム CSS の先頭で以下のように色を定義していることを付け加えるべきでした。

$colorWhite: #ffffff;
$colorBlack: #000000;
$colorRed: #ff0000;

そして、クラス内では以下のように使用しています。

p {
font-size: 1.6rem;
color: $colorBlack;
}

おっしゃる通り、機能はしていますが、自分側でのみ反映され、他のユーザーには反映されていません。

ああ、理由がわかりました。

Custom CSS を LESS スタイルで書きました。

body {
    p {
        font-size: 1.6rem;
    }
}

私のマシンでは動作しました。なんてこった!私のマシンでは動いたのに、他のマシンでは全く動かないなんて。ネストされたスタイルがサポートされていないならエラーが出るはずだし、少なくとも正常に動作したように見えないはずです。:roll_eyes: