Hello i have JCE PRO Version 2.9.11, Joomla 4.0.2 My problem is that the representation from css layout it wrong in editor dialog but correct in preview mode. The bootstrap row/columns get shown diffently dispite tinymce showing them correctly. The Image from the img-wrapper gets shown in full size corresponding css:

.image-wrapper img {
    vertical-align: middle;
    border-style: none;
    margin: auto;
    width: 100%;
}

I tried the use custom css option pointing to templates/$template/css/editor.css which imports all other csss

@import "style.css";
@import "template.css";
@import "/../assets/socicon/css/styles.min.css";
@import "custom.css";

by the way, the socicon icons arnt shown as well -_-

<div class="row">
<div class="col-6 col-md-3">
<div class="image-wrapper"><img src="https://www.joomlacontenteditor.net/image.jpg" alt="">
<p class="image-title">Title</p>
</div>
</div>
<div class="col-12 col-md-9">
<p>Long Text</p>
</div>
</div>

hope somebody can help. EDIT: After try and error for a while i could detect that it seems that jce cant use the @import statements. If i comment the imports and use tinymce it do not work either. If i additianally manually add tempalte.css in the jce config, it works. so the question is why it did not work for the import statements only in the jce editor plugin? kind regards Marcel

Right now it is only local in XAAMP so i cant send a site login.
This weekend we plan to put it live, after that i will supply a test account.

is there a option to debug the css the jce editor reads and used like the normal browser css dev support? Seems that the content is displayed in an iframe.