Paragraph formatting problem using tiny mce

This help page is relevant SOLELY to Purple Scrolls version of the tiny mice (tiny_mce) inline editor works!  We are currently using E107 version 7.20 or higher and this fix seems to work nicely... IF you are also using E107 7.20 this fine editor IS FOR YOU!  Visit the Purple Scroll site for more information/Downloads.

Okay whatever Theme you are using for your site you will wish to make sure the following codes are located somewhere within your themes style sheet (usually this will be named: style.css). You can of course modify the styles below to suit your particular needs.

body.mceContentBody {
  background: #FFFFFF;
}

.code {
  border:1px solid #444;
  background-color:#f4f4f4;
  padding:8px;margin:14px;
  color: #3C2763;
}

.code-box {
   border: 1px dotted #999;
   margin: 0 20px;
   color: #3C2763;
}

.code-box ol {
   margin: 0;
   padding: 0 10px;
}

.code_highlight {
   white-space: pre;
   overflow: scroll;
   width: 530px;
   height: 100px;
}

.indent {
  border:1px solid #444;
  background-color:#f4f4f4;
  padding:8px;
  margin:14px;
  font:9px tahoma,verdana,arial,helvetica,s ans-serif
}

P {
 margin-bottom: 10px;
 text-align:left;

}

The above css styles are examples only and are posted here for you to get a start should your sites Theme be displaying content in a fashion you do not want. The code above is meant as a Supplement (not a replacement) for your current style.css file. Always make a backup of ANY and all files at your site before going in and starting to change this or that in any file!
--

Owner