The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Inspect Element-Saving Changes

  • # September 4, 2012 at 9:41 am

    Since everyone out there is more experienced than I, I’m looking for some quick help :)

    I downloaded a new template for my site and want to add my own images, etc, before I let it go live. I open the template file from my hard drive, I can see the images that came with the template, I right click on one of them-> inspect element ->edit as HTML and enter the image source, etc, but it doesn’t automatically save and I can’t see a “save” option anywhere.

    It seems this it the only way I can add my own content prior to letting the template go live as I have no access to HTML and CSS until it’s live. Hope I haven’t confused anyone! Thank you for any help you can offer!

    # September 4, 2012 at 9:56 am

    Are you using WordPress?

    # September 4, 2012 at 3:15 pm

    No. I’m not using WordPress.

    # September 4, 2012 at 3:47 pm

    you can just open the files that you have with a editor (for windows you could just use notepad) and edit it there and save it and the upload to the internet … not sure if that is what you were looking for?

    # September 4, 2012 at 3:50 pm

    There is no saving with Web Inspector. I don’t see why you can’t edit the HTML or the CSS locally before putting it live.

    # September 4, 2012 at 4:17 pm

    Its possible there’s a way to edit the HTML and CSS before it goes live, but I don’t know how. I’ll have to play around with it a little more. Thanks for all your help!

    # September 4, 2012 at 4:21 pm

    if you right click on the on the .html file from your desktop you should see a spot that says “open with” you can choose notepad like I said if you have windows. If you edit the code live on the webpage you will have to copy and past that into the actual file that you have opened in notepad. Hope this helps! :)

    # September 4, 2012 at 7:14 pm

    okay. I’ll try it. Thank you @ JosiahB

    # October 29, 2012 at 10:04 pm

    can i ask something? where i can find my search bar or search tool on my inspect element?

    # October 30, 2012 at 4:50 am

    @carlojohn open up the inspector, click on the code and presso ctrl+F (on windows) or cmd+F (on mac)

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed