Ads By Google

How To Customize WordPress Themes With Firebug

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.

Share This Post
Ads By Google
 

Free Updates

Subscribe to receive Free WordPress Theme Tips, Reviews and Discount Codes

Related WordPress Theme Tips

Customizing WordPress Themes With Catalyst FrameworkOne of the biggest obstacles faced by newbies when they want to customize a WordPress Theme is they do not know how a WordPress Theme is pieced together and what...

Easy Ways To Customize Your WordPress Default 2010 ThemeThe new default WordPress Theme, Twenty Ten, is going places. Blogs that have been using other free Themes have converted to using this theme. Modders too are having a good...

Do You Need A Degree To Design WordPress ThemesThere was a time, not in the very distant past, that when you want to design a WordPress Theme which you can call uniquely your own, you will have to...

How To Customize The Catalyst Theme From ScratchI have previously written many tips about customizing the Catalyst Theme. Whether it is a tip about the Catalyst Theme or any other Themes that I have used for that...

2010 WordPress 2.9 Compatible ThemesAll responsible Premium WordPress Theme developers should have or are on their way to upgrade their Themes to be fully compatible with the latest version of WordPress 2.9. Elegant Themes,...

Those who found this page were searching for:

  1. how to custom wordpress theme cpanel
  2. use firebug to edit wordpress pages
  3. page speed plug in for firebug wordpress
  4. how to change theme of firebug
  5. using firebug in wordpress
  6. how to customise wordpress with firebug
  7. firebug wordpress do?
  8. USING FIREBUG ON WORDPRESS
  9. like thesis theme
  10. theme firebug wordpress

3 Responses to “How To Customize WordPress Themes With Firebug”

Read below or add a comment...

  1. Mitko says:

    Firebug is an excellent tool, although sometimes you might see “errors” that u can’t really see on the page and/or are not important at all.

    There’s also another Firefox plug-in using Firebug, which is called Page Speed. I will tell you what you can minify on your blog to achieve higher loading speed.

    It will report for uncompressed images, css, js etc. I spent some 3-4 days few months ago on optimizing my blog with those addons and I was pretty satisfied with the end results

Trackbacks

  1. [...] This post was mentioned on Twitter by costafong, Costa. Costa said: Latest update from Blogigs.com – How To Customize WordPress Themes With Firebug Read all of it here http://bit.ly/cMHNVu [...]