Template Problem

[SiliconManC]

I am using allm_classy template.At front page all seems to be fine.But when I try to write a text in tinymce editor the background is black for no reason and I can't write anything.When I press to reload the page for 1 sec the background is white and then it turns to black.With other templates the background appears to be white all the time.Take a look below



How can I turn the background color in tinymce editor to white ?



[old attachment deleted by admin]

[datahell]

Open your template css and edit the first class (you can also do this through the administration panel):

body, html {
   margin:0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #001C32;
   background-color: #001C32;
}

change the background-color to white:

background-color: #FFFFFF;

[eliasan]

It is normal behaviour the editor's background to be adjusted to the background color of BODY.
The last one is provided by the template.
So, if the template sets the body background color to black, the background color of editor will also be black.

[SiliconManC]

Yes.That's it.The problem was solved.Thank you very much.

Another problem that I found is that the image alignment at the frontpage is not working and to be more specific the center and right alignment.When I insert an image with tinymce editor it always displays it at the left side of frontpage no matter what alignment I choose.The funny thing here is that if a insert a text below the image and I select center alignment for it, at frontpage a get the text centered at image orientation not in page.Look at the pictures below..

image alignment: center
text alignment: center



image alignment: left
text alignment: left



Any suggestions ? ?

I also want to note that this happens only with all allm_classy template.

[eliasan]

Hi,

When you instert an image and then try to change its alignment, TinyMCE tries to accomplish that using an HTML tag like <p align="left[ or center or right]">.

In this case, the style definition for the <p> from the template wins. That is why you see no effect.

To overcome this, you have to edit the HTML code produced by the editor and replace the <p ...></p> tag with a tag similar to this: <div style="align:left;"></div> or <div style="text-align:left;"></div>.

That way, you overcome the template's CSS definition for this specific element and everything works fine.

I hope that this tip will help you.

[SiliconManC]

I disable the tinymce editor and I replace the <p>  </p> with <div style="align:center;"> </div> for the image and <div style="text-align:center;"></div> for the text,  but I didn't see any difference

[eliasan]

Hi,

Try to use <div style="text-align:center;"> for both the image and the text.

Also, you do not have to disable the TinyMCE in order to edit the HTML code. TinyMCE has a special icon that allows you to edit the HTML code. Opens in a new window.

[SiliconManC]

I tried but didn't work.
Also, I noticed that if I viewed with IE 7( my current browser is Firefox )  the image and text alignment works perfect.
Why is this happening with Firefox?

[eliasan]

Hi,

Strange, that almost always works. Unless the CSS defined by the template interferes too much.
I would suggest to delv into the template's CSS file and seek there the answer.

Try to change things and see how the look of the template changes.