CKEditor background color

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/28/2012 12:06:21 PM
tbro65
Gravatar
Total Posts 19
View Posts

CKEditor background color

I'm using version 2.3.8.1 with the artisteer31-bluenwhite skin.  In CKEditor, the drop down items for style have a dark blue background with black text making the list items unreadable until you hover over them.  Can anyone tell me how to change the background color of the drop down list items?

1/29/2012 9:16:38 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: CKEditor background color

Hi,

I found a solution, you can add this in your style-artisteer-overrides.css

.cke_panel_frame {background:white;}

Hope that helps,

Joe

1/29/2012 4:09:06 PM
ABM
Gravatar
Total Posts 37
View Posts

Re: CKEditor background color

I am having the same problem with a new site in a multi-site installation. The CKEditor background and style drop down list is using the same background and font styles as the main pages. I ran into this issue with a previous child site and fixed it after reading bullet #7 in the article about skinning using Artisteer 2.4 to 2.6 in the documentation. Using the same technique isn't working. Specifically, I made the suggested changes to the body and body.pagebody styles in style-artisteer-overrides.css in the appropriate skin directory for my child site. I confirmed I'm editing the correct css files and updating web.config to reload the css files. What am I missing? I'm on mojoportal 2.3.5.8 mssql and artisteer 3.0 (I know, I'm planning to upgade after getting my new client up and running). I'm working out the bugs on my vista ultimate computer using full trust before uploading to my vps.

1/29/2012 11:32:46 PM
ABM
Gravatar
Total Posts 37
View Posts

Re: CKEditor background color

Correction. The fix for the CKEditor style drop down list background above worked. It's just the WYSIWYG editor content window that shows the same background and font styles as the main page. I re-confirmed all the settings and overrides.

1/30/2012 6:45:56 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: CKEditor background color

In older versions of mojoPortal you solve that as described in step 7 on this document.

In newer versions of mojoPortal there is a new class on editor body (as of version 2.3.6.4) making it easier when you need to override some of the styles in the editor, you can do it with:

body.wysiwygeditor
{
color:black;
background-color: white;
background-image: none;
min-width: 100px;
}

1/30/2012 7:44:02 AM
ABM
Gravatar
Total Posts 37
View Posts

Re: CKEditor background color

Thanks for getting back to me, Joe. As I said, I followed the instructions in point #7. This is actually my second time doing this to a child site so I'm confused what I'm doing wrong. I double-checked all the overrides and its still displaying the page background in the ckeditor background. I think I'm getting the hang of skinning but i can't understand why i can't get this to work. Is there something else I can check? What should I see in the final html?
You must sign in to post in the forums. This thread is closed to new posts.