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. Unblock bottlenecks, streamline processes, optimize assets.įind memory leaks and make your application zippy.Įdit and manage all your CSS stylesheets in your browser.Download Firebug Modify Your WordPress Theme Using Firebug Test sites on emulated devices in your browser.įine-tune animations, alignment and padding. Monitor network requests that can slow or block your site.Īdd, modify and remove cache, cookies, databases and session data. Powerful JavaScript debugger with support for your framework. Track CSS, JavaScript, security and network issues. Inspect and refine code to build pixel-perfect layouts. It also includes valuable information such as the font source, weight, style and more. The new fonts panel in Firefox DevTools gives developers quick access to all of the information they need about the fonts being used in an element.

Firebug download for firefox free