Edit Page in background color
-
When I create a new page the edit page screen is the same color as the site background which is olive green. When I type in this screen I can’t see the text since the text color is also olive green. The color of the main container of the site is off white. How can I change the background color of the edit page entry area.
-
.wp-editor-area { background-color: black; }helps?
It sounded like such an easy fix but wIhen I tried it nothing changed. I’m not sure if I described it well. I now have in the visual view the same olive green background and text color.
I have these codes also in the editor and this may be the conflict
.container, .row, #main-wrapper {
background-color:#f6eec7;
}body{
background: #3d430a; /* olive */
font-family: verdana,helvetica,tahoma,arial;
}Mmm, no, the thing is that customizr skin and customizr child theme/custom css aren’t loaded in admin panels.
So the problem is elsewhere.What do you mean by admin panels?
Can it be that I tried several other themes and edited them. I really don’t want to delete the other test themes but I will if it will help.
My site is charltoncityumc.org
You’re talking about edit a page or post, right?
Those are in the admin area, and there customizr skins,child-theme/custom css are not loaded. So what you change there will not affect that area.
Look at your source page, you will something like this:<link rel='stylesheet' id='customizr-skin-css' href='http://charltoncityumc.org/wp-content/themes/customizr/inc/css/blue.css?ver=3.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='customizr-style-css' href='http://charltoncityumc.org/wp-content/themes/customizr-child/style.css?ver=3.1.6' type='text/css' media='all' />Then go in one of those edit page, you won’t see those css but other specif customizr admin css for the “admin area” (can you confirm this?), and you didn’t change anything in these files.
I’m not quite sure I understand what you are looking for or how to find it but I found the following code on the edit page.
<link rel=’stylesheet’ href=’http://charltoncityumc.org/wp-admin/load-styles.php?c=1&dir=ltr&load=dashicons,admin-bar,buttons,media-views,wp-admin,wp-auth-check,wp-color-picker&ver=3.8.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’open-sans-css’ href=’//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’admincss-css’ href=’http://charltoncityumc.org/wp-content/themes/customizr/inc/admin/css/tc_admin.css?ver=3.8.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’thickbox-css’ href=’http://charltoncityumc.org/wp-includes/js/thickbox/thickbox.css?ver=20131201′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’colors-css’ href=’http://charltoncityumc.org/wp-admin/css/colors.min.css?ver=3.8.3′ type=’text/css’ media=’all’ />
<!–[if lte IE 7]>
<link rel=’stylesheet’ id=’ie-css’ href=’http://charltoncityumc.org/wp-admin/css/ie.min.css?ver=3.8.3′ type=’text/css’ media=’all’ />
<![endif]–>
<link rel=’stylesheet’ id=’iphonecheckcss-css’ href=’http://charltoncityumc.org/wp-content/themes/customizr/inc/admin/css/iphonecheck.css?ver=3.8.3′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’sortablecss-css’ href=’http://charltoncityumc.org/wp-content/themes/customizr/inc/admin/css/tc_sortable.css?ver=3.8.3′ type=’text/css’ media=’all’ />
<style type=”text/css”>Is this what you are looking for?
The above code was from the home page but one of the other pages had this code among others.
<link rel=’stylesheet’ id=’customizr-skin-css’ href=’http://charltoncityumc.org/wp-content/themes/customizr/inc/css/blue.css?ver=3.1.6′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’customizr-style-css’ href=’http://charltoncityumc.org/wp-content/themes/customizr-child/style.css?ver=3.1.6′ type=’text/css’ media=’all’ />
Maybe they’re loaded someway.
Ahhh I see your problem, sorry I gave you the code for the “text” editor, you’re talking about the visual one, ok, try this:body#tinymce.wp-editor { background: blue !important; }EDIT:
!important addedThanks, this worked. Made the page blue, but once you gave me the code I could change it to white. Not sure what happened but I now have the coloring of the saved page with an off white coloring and the gold H1’s and green text. Just the way I want it.
Thanks for the help.
Np, sorry for the previous misunderstanding (my fault).
Glad you solved.
Could you mark this topic as resolved?
ThanksI had a really hard time finding the right codes that would work.
Wanted an image for the background that was dark and the sitewide text to be white with the h tags white and links a light grey, almost white.
Set the theme color to the light grey and added this to style
*****************************************************************
h1 {
font-size: 45px;
color: #F5F5F5;
}
h2 {
font-size: 35px;
color: #F5F5F5;
}
body#tinymce.wp-editor {
background: grey !important;
}
body {
color:#ffffff;
}Thanks for the help d4z_c0nf – this is the only thing that worked. Tried modifying, creating and amending the functions and style of the child them but this is the only thing that would work for me.
http://www.freespiritrecreation.com/newsite/ if you want to look. Manager wanted it so dark – I tend to take a lighter approach.
Well that messed up my dealer locator txt.
So I removed the
body {
color:#ffffff;
}
and just changed the color of the text in the visual editor.deleted
The topic ‘Edit Page in background color’ is closed to new replies.
