Up until this point I have made some very minor changes to the style.css through the theme editor. I don’t understand much CSS so I only changed a few things like, header font colors, and background color.
Then today, I decided to make it the way I had always wanted it.
I recently used Firebug to help me figure out some more CSS to use to make some more changes. Firebug was very helpful in helping me understand what changes I should have made. So, I copied and pasted the entire style.css text from the editor into notepad, made the appropriate changes in notepad then copied the whole thing, changes and all, and paste replaced all the css text in my editor. Then clicked update file, and then visited the site to see the changes.
No changes.
Any edits I do seem to be ignored after I click “update file.” The changes still show in the css file in the editor itself, but they don’t appear on the website. It remains the way I had it, despite the fact that the code in the style.css is changed the way I want it.
The only changes I tried to make are in the code below, taken directly from the editor, with the changes I tried to make in all caps.
body {
background-color: gray; CHANGE TO BLACK
margin: 0;
color: #000; CHANGE TO WHITE
font-size: 12px;
font-family: ‘Arial’, sans-serif;
text-shadow: #000 0 0 0; /* Lighten Safari’s heavy fonts */
}
#header {
text-align: center;
}
.description {
color: purple; MAKE IT PURPLE
padding: 0 0 10px 0;
font-size: 14px;
font-style: italic;
letter-spacing: 2px;
}
.nav a, .pagenav a, .nav-blog a {
display: block;
float: left;
color: #000; MAKE IT PURPLE
}
.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
color: #800; MAKE IT GREEN
}
So none of my changes work after trying to make those changes. What should I do?
Any help would be greatly appreciated.