• Skip to main content

Premium WordPress Themes

  • Genesis Pro
  • Blocks
  • Custom Blocks
  • Framework
  • Themes
  • Hosting
  • Agencies
  • My StudioPress

Firebug

← Go back to StudioPress Blog

WordPress Tips

Using Firebug to Troubleshoot and Customize CSS

Andrea Rennick on September 16, 2011

In the world of web design, and even if you are simply a blogger wishing to change a few tiny things, there comes a time when you need to change elements in your theme’s style sheet. Knowing what to change and where to find it can be the biggest hurdle, but there is a simple tool available that is the web designer’s secret weapon.

The Firebug extension for Mozilla’s Firefox (and Firebug Lite for Chrome) can make short work of finding and changing css elements in your design. It overlays the rendered code of your site in a split screen so you can see and change the HTML/CSS, while being able to instantly view the change.

Installing Firebug

In FireFox, go to the Tools menu, select “Add Ons” and under “Get Add Ons” type Firebug in the search box. Click the Install button. You may need to restart Firefox after installation.

Continue Reading →about Using Firebug to Troubleshoot and Customize CSS

Footer

© 2023 WPEngine, Inc.

Products
  • Genesis Pro
  • Blocks
  • Custom Blocks
  • Framework
  • Themes
  • Hosting
  • Agencies
Company
  • Brand Assets
  • Terms of Service
  • Acceptable Use Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • Facebook
  • Twitter
  • Dribbble