DEBUGGING CSS - Oct 7th, 2013


Greg Thomas from Interactive Tools shared this idea for tracking down misbehaving formatting:

He said, "When I'm having trouble tracking down where an item is getting a certain CSS rule from, I use Chromes
developer tools to track it down.

If you right click on the some of the incorrectly formatted text in Chrome and then select inspect element, the
developer tools will pop up.

On the right hand side of the developer tools is a list of all of the CSS rules that apply to the current item, and any
that are being overwritten will be crossed out. It will also show you which CSS file the rule has come from."

Greg's right, and you can do the same in FireFox (and maybe even in IE)



The materials on this web site have been created for use with CMS Builder content management software. CMS Builder software is published and licensed for use by InteractiveTools.com. Please contact Interactive Tools for information on the downloading of the software or the purchasing of licenses.


Terms of Service