Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Development Tools

Posted by Holly Logan
Holly Logan
7,142 Points

Locate HTML using Chrome Dev Tools

Hi, I want to change a few words in the html of a Wordpress plugin. I have located where to do this in Chrome Dev Tools but how do I find out which file the HTML is in?

https://imgur.com/a/mDKzs

I just need to change the word "Country" but I don't know how to locate this file. Where is the path so I can go in via FTP and change the word?

Thanks!

1 Answer

Steven Parker
Steven Parker
231,108 Points
Steven Parker
Steven Parker
231,108 Points

The DevTools analyze the page but they can't identify files. In some cases, you can derive the file name from the URL (as shown on the "sources" tab). But a CMS like WordPress uses PHP to build pages dynamically, so the actual source of the word in question may be inside the database.

But you could start by opening a search tab (Ctrl-shift-F) and look for the word in the sources. If you're lucky, the source URL will correspond to an actual file that contains it. if not, you may be able to identify the script that builds the page and then examine that to see how it gets the content.

Happy hunting!