Hey everyone. This is the first installment to the new JroxDesign blog. Today we will be talking about editing premium JEM themes with the help of the Web Developer Toolbar Ad-on feature for firefox. You can download the plug-in from here and install it to your firefox browser. This add-on has alot of very useful tools in regards to web design, but today we will focus on the 'View Style Information' tool. You can access this tool by clicking on the 'CSS' icon on the toolbar or pressing 'Shif+Control+Y'.

When enabled, you can hover over any element on your site and see each elements ID along with the ID of the parent elements. When you click on the element, a side menu will pop up with the ID or Class of the element, its attributes and its line location in the actual style.css file. Pretty easy right? This way, you can go into the css file and directly edit the style of that particular element without having to weave through the html to figure out the ID name or class name.