More on how to use Firebug to customize your WordPress themes styling coming soon. Here you can edit your site in real time and view the changes in nyour browser without actually changing the style.css fileįirebug is the best tool for new web developers and beginners who want to learn how to design their own website and modify the styling and layout of their site.įirebug works best with the Firefox browser however lite versions are available for other browsers.

One of the best features of Firebug is available in the Style Panel on the right This screen shot shows the default link color has been changed and therefore shows a line through it.

This occurs when new CSS has been added to overwrite the old code and is loaded after the original code or loaded last. Sometimes when you inspect CSS using Firebug you’ll notice a line through some CSS. Generally your parent theme will contain one style.css file however you may have more style.css files for different plugins, built in features like shortcodes and also if you have created a child theme. It also displays which style sheet contains the CSS code and what line number the code is on so you can easily locate it. You can use Firebug to inspect which CSS style declarations affects different elements. The left side panel shows your HTML by default and the right panel shows your CSS.

Once you have downloaded and installed the Firebug extension, right click anywhere on your website and click Inspect Element. Download Firebug Modify Your WordPress Theme Using Firebug

Firebug download for firefox free