いつもお世話になっております。

初歩的な質問で恐縮なのですが、管理画面のcssエディターが開設当初から機能せず、ページごとのstylesheetブロックを編集するなどして対応していました。

たとえば、該当箇所をheight100%から80%にしたい場合、下記のように記載しても変化なしです。

.ec-layoutRole .ec-layoutRole__main {
width: 80%;
font-size: 1.5rem;
height: 80%;
margin: auto;
}

特別な設定は不要とあったのですが、どうすれば良いでしょうか？

目的の要素に記述したCSSが適用されているかどうかブラウザのデベロッパーツール等で確認されてみては如何でしょうか？

因みに投稿いただいたCSSをデフォルトのECCUBE4.0.3の環境で
CSS管理ページで登録した所、正常に反映されました。（商品一覧ページで確認）

----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■EC-CUBE3マニュアル
■blog

わざわざ試して頂きありがとうございます。

管理画面のcssエディターに上のコードを記載しても、
反映もされませんし、デベロッパーツールでも確認できません。

開設当初から機能しないというのは誤解で、前任者がいましたので、何か設定をしたのでしょうか。cssエディターを機能をoffにするメリットがわかりませんが・・・。

便利なので、ぜひ使いたいです。

サイトデザイン（テンプレートファイル）をカスタマイズされた際に
customize.cssを読み込む記述を削除しているのではないでしょうか？

デフォルトであれば
/src/Eccube/Resource/template/default/default_frame.twig 55行目に
<link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
のような記述があります。

----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■EC-CUBE3マニュアル
■blog

ご回答頂き、誠にありがとうございました。
返信いまさらですが、ただのキャッシュでした。
何もしないと、数日たたないと反映されずに困っていますが、とりあえず原因はわかりました。