How to Check for Changes in Inline Styling

I was looking through some code the other day and couldn't pinpoint where the inline styling was being set.

I wasn't able to follow the code back to the initial inline styling modification and doing a search through all the files for the inline styling wasn't helpful.

Here's one way to check for changes in your inline styling:

1. Find and select the element whose inline styling you're trying to check for.
2. Click on the ellipsis ... to the left of the element, scroll down to the Break on menu, and select attribute modifications.
3. Interact with what you think is causing the inline styling to be set (in my case, it was being set on load so I refreshed the page) and the code will break on your element and show you the file / line of code that's setting the inline style.

That's it! Let me know if this was helpful - feel free to drop a line below for other topics you'd like to see covered.