Latest From Blogigs

How To Customize WordPress Themes With Firebug

Posted: 04 May 2010 07:42 PM PDT

A very useful tool that I have grown to love and cannot live without is the Firebug add-on for Firefox. I believe there is also something similar for Chrome but I am not sure if there is anything available that does the same job for other browsers.

Firebug is a free and open source software that allows web developers and of course theme customization freaks like me have an easy day locating all those CSS codes that differs from coders to coders. As there are no standard ruling to govern the use of words when writing CSS selectors, it sometimes gets quite frustrating trying to figure out which part should be changed. Using firebug, you can identify the precise location of whatever you intend to change and it even allows you do do and view the changes in real time.

For those whose Theme has a Custom CSS file like the Neoclassical Theme, identifying the correct id to customize with Firebug is as simple as licking an ice cream. Once you identify the right id and the attributes you want to change, all you have to do is to copy the whole line from the stylesheet, including the hash tag, to your custom css file than add the word, .custom in front. Then you can change whatever values you like inside those curly brackets.

Not only can you use it to do your own customizations, you can also use Firebug to check out other sites that you fancy so you have an idea how to create something similar. I will let this video from Lisa over at How To Create A Website tell you more about using Firebug.

Add your opinions and comments for How To Customize WordPress Themes With Firebug

How To Use The Custom Stylesheet In Your WordPress Theme Lots of more advanced WordPress Themes these days comes with an extra css file called the custom stylesheet. You will find this file along the css stylsheet file when you open your Theme editor, providing of course, that your Theme has it included in the Theme file. Premium Themes...
How To Identify The Color Codes In Your WordPress Theme The colors of a Wordpress Theme are the most changed part when anyone is customizing a Theme. Just a simple color difference can make your blogs theme look a lot different from others who are using the same Theme. It is the second best way to make your Theme...
Easy and Fast Upgrade to Wordpress 2.3.1 For a fast and easy way to upgrade to the latest Wordpress 2.3.1, go to Tech-Buzz and download the Upgrade-Only Version. You won’t have to rewrite the whole set-up and risk messing up your blog. Read more on Easy and Fast Upgrade to Wordpress 2.3.1… Save This Digg Tis Recommend...
How To Make Rounded Corners For Your WordPress Theme A very popular method to make rounded corners for our WordPress Themes is a workaround by using images. It will be quite lengthy to discuss this method here as it will involve discussing about Photoshop and all. Maybe when I find the time, I’ll do a screencast on how to...
Regular WordPress Theme Vs Magazine Style WordPress Theme All my blogging life, I have stuck with using a regular WordPress Theme except once, when I revived this blog, I tried using a Magazine Style WordPress Theme. From that short experience, I found that Magazine Style Themes do not suit a regular blog like this one and millions of...