How to i edit the css of the actuall blog

 

I want like the header to be green, no links underlined and stuff :/

but im not to sure where to do all this

Go to your theme newnew and in there is a style.css in there. Then edit that the same way you would a static web pages css file, its all the same.

its so not the same or i woulda done it?

 

How am i ment to edit all the parts when its implemented with php :/

 

the css file that came with it, has loads of css names that say comment init..

Edited December 20, 201015 yr by kingy da killa

Don't get hung up on php - all it does is dynamically generate html, which is styled by css. Edit the file as you would any other css file until the page looks right. It only feels different because you're dealing with wordpress default IDs and classes a lot of the time.

 

Do you use firebug extension for firefox? It's great for getting your head around this.

if you want to change the colour of your headers background you would put in the #header the colour you want your background to be, if you want all links to not be underlined you would set up a global style for your links telling them all to be underlined.

 

If you want to style the text and whatever for each post you style the .post class which is used in all your posts. Something like.post p for paragraphs .post a:link for a normal state link.

 

If you want to style a widget a very quick google search will bring up some tutorials on how to do them all with the same style or how to style them individually.

 

But doing the styling in css is the same as it is when you are doing the styling for any site. If you are unsure of what class some of the php in wordpress is throwing out then save the site and view the source through your browser to find the class name.

 

It is hard when you start out learning wordpress, but as long as you have a good knowledge of html and css it will be pretty simple to find the class names within the browsers source code, and from there easy to style

Edited December 20, 201015 yr by Dizi

basicly the basic template ive been working on is very messy and ive found a lot better one with css i reconginse and can actually style! and yes i use firebug:)

 

so ima re do my design with this template and then upload so wont be finished for another day or 2 now

thanks for that info aswell dizi, the new template im using has .post clases and stuff so im sure to pick it up soon!

Install Firebug Addon for firefox. it will really help you tracing the classes names. if you havent tried it yet then must give it a try, in my opinion its the best tool for css/html debugging. you can edit the css and view the live results.

You can also edit the CSS from Wordpress admin. log into the admin section and click on "Appearance->Editor" link, now see the right bottom of the page you can find "style.css" over there. click on it to edit the stylesheet in an editor on the same page.