Hello

Previously I didn't notice this issue. Today I installed Tinymce. When I tried to do test post, I found that cursor is at the top centre instread of on the left. Moreover, the background image at the top of box which is bg-body.gif is obstucting the top line of the post entry box.

My requests are:
1. How can I set cursor default left? ( I suspect Tinymce would have disturbed previous default setting)
2. How can I remove the background image of entry box?

Thanks
http://www.simplybeposted.com

Comments

rubinelli’s picture

rubinelli commented
Category: support » bug

I found the problem. (Thanks Firefox! Thanks Firebug inspector!) Tinymce's panel has a BODY tag that ends up inheriting the format from the theme's style.css. So to fix it I just edited line 15 in themes/aberdeen/style.css to make sure it only applies to the page's main BODY.

Before:

body {
  font: 0.86em/1.5em Verdana, sans-serif;
  color: #131313;
  background: #fff url(images/bg-body.gif) repeat-x 0 0;
  text-align: center;
}

After:

body.sidebars {
  ...
rubinelli’s picture

rubinelli commented
Priority: Normal » Minor

Ooops, right diagnostic, wrong (or incomplete) solution. The main body's class may also be sidebar-left or sidebar-right depending on how many sidebars you are using.

drupalinfo’s picture

drupalinfo commented

One solution (may not be a perfect one):

you could add this your /themes/aberdeen/styles.css file:

.mceContentBody {
font: 0.86em/1.5em Verdana, sans-serif;
color: #131313;
background: #fff ;
text-align: left;
}

I have removed the background image and aligned the text to left.

frankywi’s picture

frankywi commented

How can I do the same for the preview window?

its not .mcePreviewBody

Thank you!

ishmael-sanchez’s picture

ishmael-sanchez commented
Component: Miscellaneous » Code
Assigned: Unassigned » ishmael-sanchez
Status: Active » Closed (duplicate)

Hello,

I think this is a related/duplicate issue. Kindly review #127169: Problem when using tinymce.

The solutions listed here will work. Also you can try:

body#tinymce {
  background:none;
}

If the theme CSS is still getting into the editor double check your CSS specificity. Also, you can have tinymce use its default css and the tinymce editing area will be fine.

ishmael-sanchez’s picture

ishmael-sanchez commented
Status: Closed (duplicate) » Closed (fixed)