CMS Made Simple Forums

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

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.

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..

@HarryCornelius

Did you ever figure this out?