Name Everything

[Captain Ginns]

Is there a file or graphic which points and names all the sections of the site.  This would help a lot in maneuvering within the CSS and HTML files.  Thought I'd ask.

For example, the attached graphic.  Thank you. 

Ivan

 

Edited October 3, 2020 by Captain Ginns

[Morrigan]

I don't think there is a file but if you inspect element with your respective browser it will define what you're looking at.

[WP V0RT3X]

In addition to that this bookmark makes it a little bit easier...

javascript: (function() { let domStyle = document.getElementById('domStylee'); if (domStyle) { document.body.removeChild(domStyle); return; } domStyle = document.createElement("style"); domStyle.setAttribute('id', 'domStylee'); domStyle.append( ['* { color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }'], ['* * { background-color: rgba(0,255,0,.2) !important; }'], ['* * * { background-color: rgba(0,0,255,.2) !important; }'], ['* * * * { background-color: rgba(255,0,255,.2) !important; }'], ['* * * * * { background-color: rgba(0,255,255,.2) !important; }'], ['* * * * * * { background-color: rgba(255,255,0,.2) !important; }'], ['* * * * * * * { background-color: rgba(255,0,0,.2) !important; }'], ['* * * * * * * * { background-color: rgba(0,255,0,.2) !important; }'], ['* * * * * * * * * { background-color: rgba(0,0,255,.2) !important; }'].join() ); document.body.appendChild(domStyle); })();

[Captain Ginns]

Both answers I'll try of course.  For the Bookmark, where do I put that?  Please be as specific as you can.  Thanks.

[WP V0RT3X]

Just save the code as a bookmark in your browser (works fine with Chrome, others I don't know). Open the page you want to inspect and then that one.