tables in backend MicroTiny - solved

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
SolsWebdesign

tables in backend MicroTiny - solved

Post by SolsWebdesign »

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 ;D 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
Last edited by SolsWebdesign on Thu Nov 22, 2012 2:17 pm, edited 1 time in total.
SolsWebdesign

Re: tables in backend MicroTiny

Post by SolsWebdesign »

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...
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: tables in backend MicroTiny - solved

Post by velden »

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

Return to “Layout and Design (CSS & HTML)”