Understanding CSS and Editing your WordPress Template (Part One: Editing the “body” Tag)

By understanding what exactly CSS is and learning the  basic structure of WordPress templates, one could easily edit their Blog to their taste. It is not difficult at all and ones you match a particular code to the layout of your template and theme. There isn’t too much to know so it will be a breeze. Once you you know what happens when you change a value then all you have to do is find the look you are totally satisfied with. So to start and before anything, you must need to know one definition. CSS stands for Cascading Style Sheets. If you are interested in PHP editing and template design, this is a great start. But if you don’t have the time and are just interested in changing the look of your WordPress Blog, then all you have to do is take a look at the style.css file:

Go to Appearance and select Editor. Scroll down just a bit, until you get to the body tag: body {

Look at illustration here:

Click on Image to Enlarge

Basically, you just need to change the values on there, save it and view your Blog to see the changes. Make sure you write down the original values somewhere so you don’t forget. Don’t get scared, just be careful and observant. In Part Two, I will show you how to change the Fonts on the sidebars and a tag you can add to help you change the Fonts for the widgets. Here’s great color picker .

Here’s some places where you can go on to learn more and will help you further:

Part two will be posted soon. Again, don’t get scared to change the values, have fun!