Page 1 of 1

How to use admin_custom to change OneEleven css

Posted: Sun Jun 19, 2022 3:29 pm
by rooon
Hi all,

Maybe this question is asked before, then sorry for this duplicate.

If I add this css at the bottom of "admin/themes/OneEleven/css/style.css" then I have control over the size of the Content area.

Code: Select all

textarea[id^="content_"] {
    height: 60vh !important;
}
But if I create a new file "assets/admin_custom/themes/OneEleven/css/style.css" with this css then nothing happens.

Code: Select all

@import url("/admin/themes/OneEleven/css/style.css");
textarea[id^="content_"] {
    height: 60vh !important;
}
Please any suggestion? Is there a better way to resize the default height.

Kind regards, Ronald

Note ** I tried body#tinymce { min-height: 60vh } in the Stylesheet for MicroTiny in the Design Manager, but this doesn't work too.

Re: How to use admin_custom to change OneEleven css

Posted: Sun Jun 19, 2022 5:42 pm
by DIGI3
Try this method:
https://cmscanbesimple.org/blog/customi ... king-files

Remember to clear the cache (cmsms and your browser) after creating it.

[solved] How to use admin_custom to change OneEleven css

Posted: Sun Jun 19, 2022 9:27 pm
by rooon
Thanx for your reply. It works like a charm.

Code: Select all

/* TinyMCE -- monospace font in Source Code popup */

.mce-container-body textarea.mce-textbox.mce-multiline,
textarea.mce-textbox.mce-multiline {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* TinyMCE -- Height of wysiwyg iframe */

.mce-tinymce.mce-container .mce-edit-area.mce-container iframe {
    min-height: 50vh !important;
}
Maybe the selectors are targeting with overkill but it works :)