How to change the Width/Height of your text editor (Template edit) (Easy)

[Mr Tech]

Thanks ill add that to the original thread

[smxonline]

Thank you so much....

[Kylin]

For the perfectionists out there like me, you'll want to do the OP's listed edits in these template files as well:

usercp_editsig
calendar_addevent
calendar_editevent
modcp_editprofile

[Howto]

Someone, please point me where to look. I am stuck, can`t find any css or php of this:
   

[.m.]

^ that is border for .messageEditor in the editor's stylesheet.css

[Howto]

Thanks, .m.

[Mr Tech]

For the perfectionists out there like me, you'll want to do the OP's listed edits in these template files as well:

usercp_editsig
calendar_addevent
calendar_editevent
modcp_editprofile

Thanks added this to the original thread.

[magynhard]

You can also go into the templates mentioned at first post and add a class like "post_editor" or the name u like in the textarea-tag like this:

<textarea id="message" name="message" rows="20" cols="70" tabindex="2" class="post_editor"></textarea>

Then open your Style-Theme and add

textarea.post_editor
{
width: 600px;
height: 800px;
}

So you can edit the size all the time in future by only editing one file at one point.

You don't need to remove the attributes for "rows" and "cols", the CSS will be used due higher priority - and you can go back to the old setting, by just commenting the CSS code.


In my opinion my suggestion would be the more comfortable code for the original MyBB... to be able to adjust the textare easily on other themes... or at all... (e.g. I added a lot of smilies and needed to increase height with standard theme)

[Blastermaster]

Thank you Mr. Tech for the great tutorials. Along with anyone else who contributes. Help me learn more about under the hood adjustments. If anyone wants to look further into it. The method I use.

form #message {
    width: 800px;
    height: 600px;
}

Added to global.css adjust values accordingly. I stumbled on this wondering why the width would not change, using the methods shown first. I just added height: value;
Now all editor areas are resized that use form message. Am I missing as to why this wouldn't be easier. Of course keep in mind with this method it's not page specific. Edit: I have recently removed height from the above and will add class to each individual page that would benefit. Reason, since I have quick reply on the height added there looked funny. My opinion :/ what I did

Was already in my global.css I just changed value

form #message {
    width: 800px;
}

Added class to templates that I wanted to adjust height using methods shown in magynhard's post.

Made new style sheet post_editor.css (globally) write my own content.

textarea.post_editor
{
height: 800px;
}

Done.