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....
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....
You need all six hex numbers. (#00ff00)
The first two options already has 6-hex - I changed them all and still reverts back to original CSS after every save.
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.
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.
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.
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.