Title: color comments modified default theme
Last modified: August 19, 2016
---
# color comments modified default theme
* [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/)
* Hi for one of the websites I created I modified the default theme:
WordPress
Default 1.6 by Michael Heilemann to match the rest of the webdesign. Now most
of the mofdified theme works OK but only the added comments are unreadable as
can be seen on [http://wordpress.mrskate.nl/?p=5#comments](http://wordpress.mrskate.nl/?p=5#comments)
* I would like to most to change the background color of the comment window to
a dark gray.
Or if that is not feasible I would like to change the color of
text entries in the comments.
* I have been playing around but smehow I must overlook where these colors are
set in the CSS:S
* any help is welcome;)
Viewing 12 replies - 1 through 12 (of 12 total)
* [whooami](https://wordpress.org/support/users/whooami/)
* (@whooami)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921327)
* the comment text color is the same as the rest of the text, white, and its defined
right here:
* ```
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #ffffff;
text-align: center;
}
```
* add a class and you can change that selectively.
* [http://codex.wordpress.org/CSS_Troubleshooting](http://codex.wordpress.org/CSS_Troubleshooting)
* Thread Starter [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921345)
* Hi Whooami, thanks
* OK, then the best solution would be if I could change the background color for
the comments window to dark grey .
That would also match better with the rest
of the design
* Thread Starter [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921636)
* Hi,
No one here that can explain how I can change this background color?
* Hope someone who is more familiar with this style sheet can help me please.
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921638)
* 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.
* Thread Starter [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921641)
* Hi Saurus,
* You mean this part of the CSS?
* ```
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #ffffff;
text-align: center;
```
* If I got the image from the backgroud that would have been great and even preferred..
But the comments are for some reason that I do not understand background color“
White”:S
* I would be glad to add a class but I have no clue where to add that in the stylesheet
and I have no clue how to use a class in the stylesheet.
IS there any example
how to do this in this template?
* Thanks for all help!!
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921642)
* 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.
* Thread Starter [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921649)
* [@saurus](https://wordpress.org/support/users/saurus/) thanks again,
I understand
the part of code O used in my previous msg. That part is the general look of
the pages. Now what i am searching for is To change only the presentation of
the comments part. Now it is white text and yellow info on a white page You say
The “Kubrick” theme is somewhat unusual. Do you suggest this was not a proper
theme to get the looks of the page?
* [@whooami](https://wordpress.org/support/users/whooami/)
Could you or someone
else help me in creating a class where I can controll the comments behaviour?
I understand a lttle of using CSS sheets but I never worked with classes.
* Thanks
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921651)
* 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](http://www.cssbasics.com/).
* 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.
To put it more simply, this sentence you are reading is styled in my CSS file by the following.
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
```
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921652)
* Well obviously some text got chopped off there for some reason. Probably me:)
At any rate, by clicking the link I provided and selected chapter 3 you will
see the text as written – and would of course show the results of the changes
more clearly.
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921653)
* 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](http://www.cssbasics.com/).
* 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.
To put it more simply, this sentence you are reading is styled in my CSS file by the following.
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
```
* [Saurus](https://wordpress.org/support/users/saurus/)
* (@saurus)
* [17 years, 6 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921654)
* What I meant by Kubrick being somewhat unusual is is there seem to be an inordinate
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](http://www.cssbasics.com/).
* 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.
To put it more simply, this sentence you are reading is styled in my CSS file by the following.
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
```
* Thread Starter [mrbert](https://wordpress.org/support/users/mrbert/)
* (@mrbert)
* [17 years, 5 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921657)
* Hi Saurus, an others:)
Thanks again.
* Nice piece of info on use of classes:)
Bit I have no clue how to add/use a clase
for comments. MIght sound stupid but I seem to be missing a link:S
* I just do not understand how to get the comments info into A class I would like:
S
Viewing 12 replies - 1 through 12 (of 12 total)
The topic ‘color comments modified default theme’ is closed to new replies.
## Tags
* [default](https://wordpress.org/support/topic-tag/default/)
* [modified](https://wordpress.org/support/topic-tag/modified/)
* 12 replies
* 3 participants
* Last reply from: [mrbert](https://wordpress.org/support/users/mrbert/)
* Last activity: [17 years, 5 months ago](https://wordpress.org/support/topic/color-comments-modified-default-theme/#post-921657)
* Status: not resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics