Wendy:
The WordPress community welcomes rookies and we like helping everyone, at least everyone who appreciates help. So don’t worry if you make any “rookie” mistakes. Everyone was a rookie at one point.
First, if you ever want to update your theme, you need to create a child theme: http://codex.wordpress.org/Child_Themes . A child theme is separate from the parent and allows you to make modifications to the child theme without concern. Updates applied to the parent theme will not destroy your changes. Is a child theme necessary? No. The author of the theme may never update it. But, it may prevent problems down the road if the theme is updated. This plugin claims to allow you to create a child theme with a couple of clicks: http://wordpress.org/extend/plugins/one-click-child-theme/ . I haven’t used this plugin before.
If you don’t care about creating a child theme (e.g., you won’t update the theme), go to Appearance => Editor. The default file that should be open is the style.css file. This is the file you need edit. Scroll to the bottom of this file and add this:
.title {
color: #F9B20C;
}
If you create a child theme, add the statement above to the child theme style.css file.
Wendy:
Something was nagging at me and I’m not sure why. Anyway, I realized that my answer wasn’t correct. The new CSS rule should look like this:
.title, .title a, .title a:visited {
color: #F9B20C;
}
Hi Wendy! Kurt’s code will work if you want to change the website title color, but I think what you want to change is the website’s description which lies directly under the title (if I’m reading your post correctly… if not, disregard the following!)
You’d use the following in style.css:
.tagline {
color: #f9b20c;
}
Wendy:
Sorry, I’m an idiot. Someone should ban me from this site immediately! I did not read your question correctly. Sixhours is correct. Use her code to change the color of your name.
@sixhours: Thanks for catching my boneheaded response!
No worries, Kurt, happens to everyone. 🙂
Kurt & sixhours,
Thank you both SO very kindly for your time and input. I followed the steps that you recommended Kurt and then I applied the code that you recommended sixhours but no change took place to the website description.
.tagline {
font-style:italic;
font-size: 21px;
font-family: Georgia, “Times New Roman”, serif;
margin-top: 7px;
float: left;
clear: left;
position: relative;
font-weight: normal;
display: block;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
color: #f9b20c;
}
The change that I made is shown above in bold. Is this the wrong place to add the change?
Thank you both.
Wendy
Wendy:
I don’t see that code appearing in your web page. If you’re wondering how sixhours and I can see what’s going on, I use the Firefox browser that has an addon called Firebug. Firebug allows us to see what makes up a web page.
Anyway, this theme appears to have some options to it. There is more than one CSS file being loaded. There may be more than one CSS file in the theme folder.
Firebug is telling me that the .tagline CSS is on line 438 of the style.css file. This file is the primary CSS file for your theme. If you can find the .tagline CSS in this file, add this – color: #f9b20c – before the the closing bracket.
The code you posted above may be in a different file.
Note: You may have to add the color rule so it looks like this:
color: #f9b20c !important;
because there’s another rule being loaded from another file.
Kurt,
Thank you!!! I am SO proud of myself. I did it…of course with great thanks and appreciation to you and sixhours. If you get a chance to stop by and see my change that would be great http://www.HappyNewYou.com.
Again, many, many thanks.
Wendy
Wendy:
Woohoo! Strike up the band! That’s exciting! It looks good!
I’m glad I could help.