<table>

[Raeven]

As Shawn mentioned the editor and the theme use separate CSSes. Cardinal's css does not style tables in any particular way so the 1 pixel border that the editor added is not being replaced by anything.

Themes can include a second css sheet, editor.css, that control how things are displayed in the editor. Many themes you download do not, but you can add one. If you want the look to be the same as the pages you need to add the same styles to editor.css that you have in styles.css

The quickest/easiest way is to do this is to have the editor.css load up styles.css (and any other relevant style sheets).

Code:

@import url("style.css");

Then you start fixing anything that is incompatible or did not load up properly.

If your content area uses a different background than the body you'll want to add a body tag to your editor css so it can simulate the background used by your main content area.

Code:

body {background:#fff;}

Custom fonts seem to need to be loaded up here as well. I guess by the time it gets to loading up the imported styles.css it's too late to start adding fonts in

Code:

@import url(https://fonts.googleapis.com/css?family=Rosarivo);

And I sometimes have to add some stuff for images as well, if I'm remembering correctly.