color comments modified default theme

No – the best solution would be as whooami says and create a new class in your CSS for the comment text. But if you insist on doing it the hard way …

background: #d5d6d7 url('images/kubrickbgcolor.jpg');

That is the code element for the comment text area. the BG color shows as #d5d6d7 with a url for a graphic to be used. Delete the part referring to the graphic and change the color code to what you want.

That segment of the CSS – the Body elements – references a few different elements. The “white” is the text color. The “url(‘images/kubrickbgcolor.jpg’);” references a background image while the color code preceding it references the BG color should you choose not to use the NG image. So just deleting that part of the line and changing the color code to your choice of BG should take care of it. The usual caveat applies when making changes to your files … make a backup of the styles.css FIRST. I usually use FTP and make a copy of my files by renaming with the date of the last change in the filename.

At least that’s how it’s used in the theme I started with, though I recognize that the “Kubrick” theme is somewhat unusual in the way some of it works. So back it up and try it. If it doesn’t work restore the previous file and we’ll try again.

What I meant by Kubrick being somewhat unusual is is there seem to be an inordinant amount of help requests dealing with the coding of that theme. I never used it and am in no way an expert with it.

A good resource for CSS is HERE.

And their tute on “CSS Classes” is as follows…

The class selector allows you to style items within the same (X)HTML element differently. Similiar to what I mentioned in the introduction about inline styles. Except with classes the style can be overwritten by changing out stylesheets. You can use the same class selector again and again within an (X)HTML file.

To put it more simply, this sentence you are reading is defined in my CSS file with the following.

p {
  font-size: small;
  color: #333333
}

Pretty simple, but lets say that I wanted to change the word "sentence" to green bold text, while leaving the rest of the sentence untouched. I would do the following to my (X)HTML file.

<p>
To put it more simply, this <span class="greenboldtext">sentence</span> you are reading is styled in my CSS file by the following.
</p>

Then in my CSS file I would add this style selector:

.greenboldtext{
  font-size: small;
  color: #008080;
  font-weight: bold;
}

The final result would look like the following:

To put it more simply, this sentence you are reading is styled in my CSS file by the following.

Please note that a class selector begins with a (.) period. The reason I named it "greenboldtext" is for example purposes, you can name it whatever you want. Though I do encourage you to use selector names that are descriptive. You can reuse the "greenboldtext" class as many times as you want.

Previous Chapter: Chapter 2 - The CSS Syntax

What I meant by Kubrick being somewhat unusual is is there seem to be an inordinant amount of help requests dealing with the coding of that theme. I never used it and am in no way an expert with it.

A good resource for CSS is HERE.

And their tute on “CSS Classes” is as follows…

The class selector allows you to style items within the same (X)HTML element differently. Similiar to what I mentioned in the introduction about inline styles. Except with classes the style can be overwritten by changing out stylesheets. You can use the same class selector again and again within an (X)HTML file.

To put it more simply, this sentence you are reading is defined in my CSS file with the following.

p {
  font-size: small;
  color: #333333
}

Pretty simple, but lets say that I wanted to change the word "sentence" to green bold text, while leaving the rest of the sentence untouched. I would do the following to my (X)HTML file.

<p>
To put it more simply, this <span class="greenboldtext">sentence</span> you are reading is styled in my CSS file by the following.
</p>

Then in my CSS file I would add this style selector:

.greenboldtext{
  font-size: small;
  color: #008080;
  font-weight: bold;
}

The final result would look like the following:

To put it more simply, this sentence you are reading is styled in my CSS file by the following.

Please note that a class selector begins with a (.) period. The reason I named it "greenboldtext" is for example purposes, you can name it whatever you want. Though I do encourage you to use selector names that are descriptive. You can reuse the "greenboldtext" class as many times as you want.

Previous Chapter: Chapter 2 - The CSS Syntax