Support Forum

TinyMCE Editor Dialog Boxes Too Small

1
Philip Treacy
Member
Free Members
Jun 12, 2023 - 6:27 am

Hi,

As the topic title says, when I try to insert a link, image or media the dialog boxes are too narrow.

If I edit source code or insert a special character, those boxes are displayed ok.

Regards

Phil

https://www.myonlinetraininghu.....cel-forum/

 

link boxImage Enlarger

insert imageImage Enlarger

Joakim (Simple:Press)
Sweden
Admin
Jun 15, 2023 - 12:15 pm

Hi Philip!

The reason that your inputs are to big has to do with your theme "mai-engine". The plugin adds padding to the inputs that make the inline styles calculate a height and width that makes the inputs look off. When using any of the supported themes twentytwenty or twentytwentythree the inputs are shown correctly.

If you could add some custom CSS to the theme this should solve it.

body .mce-combobox .mce-textbox, body .mce-container-body .mce-textbox {
    padding: 0;
}

Regards,
Joakim @ Simple:Press

Philip Treacy
Member
Free Members
Jul 14, 2023 - 1:42 am

Thanks.  I had to add some additional CSS to show the boxes at a usable size but this is kinda working for now.

Is it possible to code the CSS so that a theme can't interfere like this?  Or at least make it so that it's an easy fix if there is some issue?

Regards

Phil

1