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

Categories: Advance Users, Beginners, How-to Examples, News, Official Weekly Post, Special Announcement, Website Blog Post

No Gravatar

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!

Your email:

 

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • FriendFeed
  • Twitter
  • Add to favorites
  • Blogosphere News
  • email
  • StumbleUpon
  • Technorati
  • BarraPunto
  • Bitacoras.com
  • LinkedIn
  • Live
  • Yahoo! Bookmarks

Spread The Love, Share Our Article

Related Posts

There are no related posts on this entry.

Comments

There are no comments on this entry.

Trackbacks

There are no trackbacks on this entry.

Add a Comment

Required

Will not be published. Required

Optional

 

Subscribe to Bloggers Weekly

Fans of Bloggers Weekly

How-To Examples

  • Facebook Integration, Part Two: Wordbooker
  • (Part Two) Understanding CSS and Editing your Wordpress Template: Editing the "Sidebar" and "Widget" Fonts, "Link Font Color" and "Header Background Color"
  • A "Static" page not really necessary, "Widget Context", "Thumb Excerpts" and recent posts
  • Finding a "Post SlideShow" plugin and "Smooth Slider"
  • I'm back and with a few ideas, Hyper Cache and some helpful information
  • The Blog-in-Blog Plugin
  • The Importance of the "Executable PHP Code" Widget
  • Understanding CSS and Editing your Wordpress Template (Part One: Editing the "body" Tag)
  • Universal Post Manager and the Stream Video Player Plugins
  • RSS Blogger’s Weekly Feed

    Bloggers Weekly Widgetbox Reader

    Blogger’s Weekly Archive

    Blogger's Weekly Cloud