Customize Feature Not Working for Custom Theme

Permalink
I have added a few customize_ tags to the css file such as:

body {

/* customize_background */ background-color: #000000;

/* customize_background */

margin: 0;
width: 100%;
height: 100%;
}

#container1 {
/* customize_container1 */ background-color: #424242;
/* customize_container1 */
width: 85%;
margin-right: auto;
margin-left: auto;
height: 100%;
}

#container2 {
/* customize_container2 */ background-color: #0f0;
/* customize_container2 */
width: 760px;
margin-right: auto;
margin-left: auto;
}

#masthead {
/* customize_masthead */ background-color: #0f0;
/* customize_masthead */
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}

They show up under the themes customize button just fine but when I save it just defaults back to the original colors.

Has anyone else had issues?

I already tried clearing the cache....

1 Attachment

 
Steevb replied on at Permalink Reply
Steevb
You need all six hex numbers. (#00ff00)
enochbenjamin replied on at Permalink Reply
The first two options already has 6-hex - I changed them all and still reverts back to original CSS after every save.
jvansanten replied on at Permalink Reply
When you say that this "reverts" to the original CSS, do you mean that the styling visible in the browser doesn't change, or that the CSS file itself doesn't maintain the changes?

If the former, then there may be another CSS file which is overriding your changes -- you can see the relevant files in the Firebug addon to Firefox.

If the latter (CSS file reverts), make sure that you have the proper permissions to edit the file. Typically, the file should have 755 permissions by default, but if you're not the owner, then 765 should probably work for you.
enochbenjamin replied on at Permalink Reply
the styling in the browser does not change although it appears changed in the color picker box. Once I click on save the color picker box reverts back to the original color.
jvansanten replied on at Permalink Reply
Use Firebug in Firefox to look at the markup and active styling on the elements to determine if the syntax is correct and the desired styling is active.