CHATEAU: Font colour on posts and pages

theecotist · Member · Sep 14, 2011 at 2:20 pm
Copy link

Add topic to favorites
Hi

I can’t find the appropriate header/section to change the font colour on the pages and posts in Chateau.

Can someone help please?

Thanks in advance

Tom

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Sep 14, 2011 at 2:40 pm
Copy link
Just to make sure, can you try uploading and also selecting an image using the Appearance → Header page that is built into the Chateau theme?
designsimply · Member · Sep 14, 2011 at 2:44 pm
Copy link
Wait, I just re-read your post, are you trying to change the header image to different ones for different sections, or are you trying to add a header image just for posts and pages and have no header image on the home page? Note that you can change the header image for each post in the Chateau theme by using featured images, but you will override that if you set custom CSS to override the background image in the header area.
designsimply · Member · Sep 14, 2011 at 2:47 pm
Copy link
Well, right, I think I should claim lack of coffee at this point. :) You did mention fonts, but you also mentioned the header section. Could you please clarify a little? Are you trying to change the font colors in the navigation (top menu) area?

:)
theecotist · Member · Sep 14, 2011 at 2:54 pm
Copy link
Hi Designsimply – it’s just the body text of the pages and blog posts I wish to adjust now, they’re presently a muddy-pink but I want to change them to #D8D8D8
designsimply · Member · Sep 14, 2011 at 6:06 pm
Copy link
Thanks! :)

I used Firebug to right-click on the pink text and used the “Inspect Element” option to search through until I found where the color was set.

The color code is #A19090 and it’s set in dark.css for the Chateau theme:
http://s0.wp.com/wp-content/themes/pub/chateau/css/dark.css?m=1315889139g&minify=false

So in order to change every instance of that color, you would look through the dark.css file and find all of the places where it’s set and then make a new CSS rule to cover all of those instances. Here is an example:
```
body,
input[type=text],
.post-password-required input[type=password],
textarea,
.post-info,
.post-extras,
.post-extras p a,
.post-entry,
.post-entry p,
.post-entry li,
.post-entry h4,
.post-entry h5,
.post-entry h6,
.wp-caption .wp-caption-text,
.gallery-caption,
.wp-caption .wp-caption-text:before,
.post-entry cite,
.more-posts .page-title,
.more-posts .notice,
#more-posts-inner article,
.comment-author,
.comment-text p,
#comments li.pingback .comment-text .edit-comment a,
#calendar_wrap table td,
#error404 span,
.sidebar-widget li,
#error404 p,
.comment-date a:hover {
	color: #D8D8D8 !important;
}
```
Note that I used !important because it was set in the original stylesheet in at least one place, so it needs to be !important here too in order to override that one.

Try it out and see if that gets you the result you’re looking for.
theecotist · Member · Sep 14, 2011 at 8:22 pm
Copy link
Nailed it, thanks so much.

Tom
livemorerichly · Member · Oct 17, 2011 at 5:41 pm
Copy link
I have no formal training in web design so KISS (keep it simple) for me! (: What is CSS? Where do you find in using the Chateau theme? I am using it as well and have no clue how to change my font color so my links and blog post titles are readable. Thanks in advance for your help.
timethief · Member · Oct 17, 2011 at 5:49 pm
Copy link
@livemorerichly
This is a multiuser blogging platform. All blogs wearing the same theme are using the same underlying template and we cannot access the underlying files and edit templates or themes. http://en.support.wordpress.com/themes/editing-themes/

If you have CSS editing experience the custom design upgrade will allow you to stylize the appearance and fonts on themes you find here > Appearance > Themes, but will not allow you to change the functionality, by editing the underlying template.

Please see here > Upgrades > Custom Design
CSS editing
thesacredpath · Member · Oct 17, 2011 at 6:06 pm
Copy link
CSS is a set of instructions that browsers use to render and style the elements of a web page. To change colors of fonts and such you would need the Custom Design Upgrade that Timethief references and links to.
timethief · Member · Oct 17, 2011 at 6:07 pm
Copy link
@thesacredpath
Good morning :)

No items found.