How to Compare php to Live Site

I am using the WP-Creativix theme, and just figured out how to change things that I could not change within WP. I edited the tpl_home.php, which is pointed to from the index.php. I removed the “Published” references and now I am hot to change more!

I know a little coding. I can recognize what does what in some of the file and I would like to know more.

Is there a tool that, when I hover on my WP page, it shows me where in the code that it corresponds to? I thought it was in Toolbox in Firefox (with pressing F12). I am using it, but can’t seem to get it to show me where in the code I can change anything.

Firefox cannot tell you where things are in your theme’s PHP code, because the server does not send that information to browsers. You can use Firefox Web Developer tools to look at the HTML, CSS and JavaScript code that your server sends. Then you can search for those elements in the PHP code on your server.

By the way, if you have messed with the files that make up your theme, you will lose your changes when the theme updates. It is better to work with a child theme instead. Unfortunately, WordPress is not designed in a way that makes this clear.