Increase Dolphin 7 Admin Panel Tiny MCE Editor Height

One of the things I have been meaning to change in Dolphin 7 for the longest time is the height of the Tiny MCE editors in the Admin Panel. They are just way to short in terms of height to do much with, and to see what is going on.

Maybe they are acceptable for you, or maybe they are just too small in my flat screen monitor with a wide screen 1440 X 900 landscape setting. Which is similar in size and resolution to what you would see in wide screen DVD movies.

The default Dolphin 7 Administration Tiny MCE editors appear to be only 157px in height, which is fairly small.

The Tiny MCE Editor areas in Dolphin 7 Administration I am referring to is modules where you would post News, Articles, and Basic Settings to change the Promo block, and possibly other areas if you have more Dolphin 7 Modules installed or enabled.

The easiest way to increase the height of just the Administration Tiny MCE Editors without affecting the rest of your site is to edit:
/administration/templates/base/css/forms_adv.css

There isn't much to the file. Once you open it you will see that it imports from your template directory/folder:
@import url(../../../../templates/base/css/forms_adv.css);

All you need to do is add under the import line:

.form_input_textarea {
    border: none;
    background-color: #ffffff;
    width: 100%;
    height: 357px;
    resize: none;
}

Where height: 357px; is the desired height you want.



The entire file would then look like:

@import url(../../../../templates/base/css/forms_adv.css);

.form_input_textarea {
    border: none;
    background-color: #ffffff;
    width: 100%;
    height: 357px;
    resize: none;
}


Save the file back to your host/server.

Then simply refresh your Dolphin 7 Administration Panel a few times, and navigate Basic Settings and find the Promo Block area, or Modules News or Articles and verify the Tiny MCE Editor height has increased.


If you want to keep it even more simple, you can probably get by with just this:

@import url(../../../../templates/base/css/forms_adv.css);

.form_input_textarea {
    height: 357px;
}



Dolphin 7 Article Module Area Original Height:






Dolphin 7 Article Module Area Enlarged Height of 357px:






Dolphin 7 Basic Settings Promo Block Area Original Height:






Dolphin 7 Basic Settings Promo Block Area Enlarged Height of 357px:






Not much to it, very simple and only takes a few seconds really.

If you are like me and find it difficult to actually type much in the Dolphin 7 Admininstration area Tiny MCE Editors than this will come in handy.