Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2023 at 5:38 am #1378006
    mediaapps

    How can I increase the size of the text input panel for Posts? Here is a screenshot.

    January 9, 2023 at 8:34 pm #1378057
    Mike

    Hey John,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    add_action('admin_head', 'custom_editor_height');
function custom_editor_height() {
  echo '<style>
    .avia-modal-edit-alb-element .mce-edit-area.mce-container.mce-panel {
	height: 56vh;
}
  </style>';
}

    Best regards,
    Mike

    January 10, 2023 at 1:33 am #1378069
    mediaapps

    It didn’t like that one Mike.
    https://www.screencast.com/t/mbQgBlaNEm
    I’ve added your admin login.
    By the way:
    The Theme File Editor as in Appearance > Editor had disappeared again. I went back to your message in May last year explaining how to restore it which I have done now. Turns out it was Seedprod replacing it with their ‘Builder’.

    January 10, 2023 at 5:09 am #1378074
    Ismael

    Hi,

    Thank you for the info.

    We modified the code a bit and added it in the child theme’s functions.php file.

    add_action('admin_head', 'ava_custom_editor_height');
function ava_custom_editor_height() {
  echo '<style>
    .avia-modal-edit-alb-element .mce-edit-area.mce-container.mce-panel {
        height: 70vh;
    }

    div .avia-element-tiny_mce iframe {
        height: 1000px !important;
    }
  </style>';
}

    Best regards,
    Ismael

    January 10, 2023 at 5:32 am #1378077
    mediaapps

    That’s good. There is an issue with a styling row that appears now. I can live with it but be good if it wasn’t there.

    https://app.screencast.com/GJV8XgLKhbhLM

    Also, I noticed that in your code in the thread you have the height value at 70vh whereas in the code that you added to functions.php you have the height at 56vh.

    January 10, 2023 at 8:03 am #1378085
    Ismael

    Hi,

    You can actually adjust the height of the mce-panel and make it as tall as the textarea but the mce-flow-layout-item container (the styling row containing the existing elements) will not be immediately visible while editing.

    .avia-modal-edit-alb-element .mce-edit-area.mce-container.mce-panel {
    height: 1000px !important;
}

    Best regards,
    Ismael

    January 10, 2023 at 9:29 am #1378091
    mediaapps

    All good Ismael. I’ve included a screen recording in the Private Content.

    January 10, 2023 at 2:18 pm #1378145
    Mike

    Hi,
    I tested further and found that the text area didn’t expand to the content height only when using the Block Editor, when using the Classic Editor it expanded to the content height correctly.
    I added this code to your site to correct only for the Block Editor, please clear your browser cache and check.

    add_action('admin_head', 'custom_editor_height');
function custom_editor_height() {
  echo '<style>
    .wp-admin.block-editor-page .avia-modal-edit-alb-element .mce-edit-area.mce-container.mce-panel iframe {
	height: 100vh !important;
}
  </style>';
}

    Best regards,
    Mike

    January 11, 2023 at 3:37 am #1378197
    mediaapps

    You’ve nailed it Mike. Thank you.

    January 11, 2023 at 10:24 am #1378224
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.