How To: Use Firebug to debug CSS code on a webpage

Use Firebug to debug CSS code on a webpage

An easy way to view your CSS code of your website is through the Firefox plugin called Firebug. It's really helpful, especially if debugging your code. Just remember, you cannot save anything with Firebug, it's only for viewing code and adding codes for previewing webpages.

Some questions that these two videos will answer are below.

How to use Firebug to Debug CSS code of a Web page:

How to install the Firebug add-on in Firefox?
How to use HTML and CSS panel?
How to debug CSS code of the webpage?
How to save Firebug debugging?
How to edit CSS or HTML code of a web page?
How to disable or enable firebug panels or options?
How to use Firebug?

How to Debug CSS or Function Code to Fix Your Website:

How to debug custom.css function code?
How Firebug options works?
How to use HTML and CSS panel in Firebug?
What is the use of Firebug?
How to check if a CSS or function code is working or not?
How to edit CSS code using Firebug?
How to add functions code in your site using Fire bug?

It contains an example of how to add second navigation menu in Thesis theme using Firebug.

For more information, visit the 4blogger post.

It’s Cyber Monday on WonderHowTo! Don’t miss out on all the big sales in the Gadget Hacks shop and Null Byte shop. Use code CMSAVE20 to save on everything, and use CMSAVE40 for all things apps and software. For online courses, apply code CMSAVE70 for the biggest discounts.

Check out all of Gadget Hacks' CM 2020 deals >

Check out all of Null Byte's CM 2020 deals >

Our Best Phone Hacks

Gadget Hacks' tips — delivered daily.

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest