CMS Made Simple Forums

Hello everybody,

I have a site for a restaurant in which we use tables (don't start on how bad tables are please) for the menus In de backend the editor needs to be able to adapt the prices in the menus and for this it would be so nice if the tables had borders in the backend as well. However, no matter how I try, I can't seem to find where to remove the following line:
* {
border: 0 none !important;
}
I don't want the "!important" there because it screws up my line:
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px solid #BBB; border-collapse: collapse; padding: 5px;}
in MicroTiny/tinymce/themes/advanced/skins/o2k7/content.css

Can anybody tell me where that line:
border: 0 none !important;
is hidden??? It really drives me mad!

kind regards,
Isolde

I will answer myself here
No wonder I wasn't able to find the line
border:0 !important;
Apparently it isn't in any of the MicroTiny CSS sheets or any other of the css sheets found on the server.
Instead what seems to happen is that MicroTiny reads in some other css style sheet from the database. It reads in print.css which contains the following line:

/* This affects every tag */
* {
border:0 !important; /* again no borders on printouts */
}
Well, who would have thought of that???? What a complete waste of time! I hope this post helps others though...

print.css is new to me.

But you can overrule some styles in you css by using

body#tinymce your_tag {border : 1px solid black !important;}

for example. The body#tinymce is of course the container of the wysiwyg editor edit area.

Could also be useful when using white text on a webpage with dark background.