MicroTiny Width

[HarryCornelius]

Dear all

Using 1.10.3 "Hyacinthe" with Microtiny.

For some reason, the Microtiny editing box for pages is coming up very wide, meaning that a horizontal scrollbar is being added and users are finding it difficult to create their pages.

It is most likely to be something in my CSS, but I have no idea what. I've tried adding loads of styles as below, but to no avail.

.mceContentBody.CMSMSbody{width:200px;}
.mceContentBody{width:200px;}
#m1_testarea_tbl.mceLayout.html{width:200px;}
html.mceContentBody.CMSMSBody{width:200px;}
#m1_testarea_parent.mceEditor.o2k7Skin.o2k7SkinBlack span{width:200px;}
#m1_moduleform_1.cms_form{width:200px;}
.m1_testarea_parent.mceEditor.o2k7Skin.o2k7SkinBlack span{width:200px;}
.m1_moduleform_1.cms_form{width:200px;}

Does anyone know how I can set the Microtiny Width please?

Many thanks in advance,

Harry

[velden]

Why not using an inspector for finding the object which makes this box so wide?

Use Google Chrome with the built in inspector (right click object -> Inspect Element), Firefox with Firebug addon (must have for every sitebuilder in my opinion). IE has Developers Tools (F12, I don't like it though). Safari has an built in inspector.

[HarryCornelius]

Hi

That's what I've been using, but I can't find out which is the correct one to change.

All the items listed in my first posting are ones I think that are controlling it, but nothing is working..

[hexdj]

@HarryCornelius

Did you ever figure this out?