http://en.forums.wordpress.com/topic/load-more-posts-how-to-center-this-on-the-page?replies=1#post-1016653

http://en.forums.wordpress.com/topic/center-my-sharing-buttons-twitter-facebook?replies=2#post-1019063

I'm not sure what other change you might be referring to, or were you just referring to CSS comments?

They aren't there. Can I get them back? Why did you do this wordpress :( ?

For example, an entry as simple as the following:

/* This changes the navigation background color */
#access {
background: #2d3e6a;
}

will return only this once the stylesheet is saved:
#access {
background: #2d3e6a;
}

Am I missing something or are comments not available?

only joking :-)

I used to find this sort of stuff fun but then I got old and grumpy and desirous to make the best use of my time.

Might be that a lot of people have Century Gothic, but it might not be named exactly the same on all systems. That's why you need a stack, like so: font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;

Check these links out:
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
http://cssfontstack.com/

Another way to center is with margins. But in order to do that, the element must have a width. In your case, if you can set a hard width for the #logo, then it would work. Try it out in Opera to see if it works:

#logo {
float:none;
width: 700px;
margin: 0 auto;
}

(There's more than one way to do something in CSS a lot of the time.) :)

Actually!, I'd love to see less CSS editing and more simplified Custom Design tools, like the font selector. But also, I find CSS kind of fascinating and fun. I guess it's the combination of art and code that gets to me.

Feel free to post more questions if you have them!

I'm happy again now. I just think back to the time when I couldn't automatically post to FB and Twitter and Linkedin. Anyways...

ahem, expression web 4 is a web editor !! (actually so is, kind of, word)

century gothic? hasn't everyone got that these days? like Times Roman must be on about 6bn computers worldwide.

thank you for the code. works perfectly...except in Opera! Not that anyone (except me) uses opera. I'm getting fed up with Opera not working on other things too. So yet another reason to bin it. I do kind of understand the code you gave (above)...but most people wouldn't. Must result in a reluctance of your CASUAL users to buy CSS or result in more support forum messages.... keeps you in a job I guess :-)

!important ...

back to the original task I started 4 hours ago...changing the background colours and font colours everywhere (I thought the header would be the easiest...hmmmm)

.header {
text-align: center;
}
#logo {
float: none;
display: inline-block;
}

A JPG full-width header also would work for that. I think that would work just as well.

MS Word and MS Expression are totally different controlled environments compared to the web which is flexible and fluid and not-so-precise. I don't think you can even really compare them.

Typekit! Typekit are a way to use licensed fonts on the web. Part of the Custom Design upgrade fee pays for the font licenses. Then the fonts are loaded directly into the web page so everyone viewing from most every kind of recent browser gets a similar font experience. If you don't use Typekit, you can use a font stack and manually type in something like "Century Gothic" but then only viewers who have that exact font installed will see it working (if that makes sense). That's how fonts were always done in the past and that's why they are usually added using a list or a "font stack."

I would never delete your rant. :)

i put in comments to my css mods to help me go back and understand them and then your editor strips them out! thanks!

that was a reply to panag

it's not that simple tho is it? I have wasted pretty much the entire afternoon on this and hardly got anywhere. (sy I'm fraustrated !!)

For example:

#logo h2 {text-align:center;}

does not work. Do I really have to spend an hour or two creating and precisely testing a jpeg as an alternative when MS word or MS Expression could do it in 2 minutes?

and then when i look for help I see various comments with "!important" at the end,
when these are removed the css does not work...so when do you use !important and when not. you can spend ages thinking you have the right css (when you have) and all it needs is !important at the end. Bizarre in the extreme

typekit...what's all that about? you can't even change the colour in it or even choose century gothic..a common font. I need to follow a corporate standard!

this is FAR FAR too difficult for an occasional user.

before you delete my angry rant (?!) please can you let the powers above know that they need to up their game on this one. WordPress is of course wonderful in just about anything else it puts its mind to!! but not this elementary piece of blog design.

This is the rule where the heading color is set:

.header a, #blurb a, .content a, #sidebar a, #footer a {
border-bottom: 1px dotted black;
text-decoration: none;
color: black;
font-weight: 600;
}

Particularly, the ".content a" part in the selector is what is making the h1 headings (which are also links) black. More specific rules, or any rules that are entered after that, (when things are equally specific, the ones added last = more specific) will override the settings in that block.

So, to override the color for h1 headings in Clean Home, you can use a more specific rule like this:

.content h1 a {
color: black;
}

I think the best tactic to use to figure out what selectors you should be using is to copy the same selector string used by the stylesheet of the theme you are using first and go from there. You can do that either by looking the original stylesheet, linked on your Appearance → Custom Design → CSS page, or by using a tool like Firebug for Firefox (totally an awesome suggestion). Other browsers like Chrome and Safari have web inspector tools like Firebug built in, and there is also a similar tool for Internet Explorer.

The !important makes a rule even more specific, so it can override something. If you start using a lot of them, it can get very tricky very fast. It's best not to use them unless they are absolutely necessary (which they sometimes are).

I'm trying to figure out how to stop pestering you guys on how to change various bits. I did the CSS of my main site kothea.com a couple of years back and have now pretty much forgotten the css agony and learning i went through. So I sort of understand css...but not really! I essentially want to get my blog to look similar in terms of fonts and colours.

So how can I find out what the various bits of the page are called so that i can change them. for example I would have thought the following would change all <H1> headers. but it doesn't do anything. Do I have to use the !important thing??? and what is that by the way, when do i know if i have to use that or not

sigh

#wrapper h1 {
color: #916B2D;
}