# Finding an image in the editor **URL:** \ **Category:** Styling (CSS)\ **Created:** [November 23, 2018, 5:15pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436 "2018-11-23T17:15:59Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:15pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/1 "2018-11-23T17:15:59Z")
Hi everyone, Learning by doing a bit of detective work… I’m looking at a site I’ve downloaded and am trying to figure out how to identify and locate a resource. It’s a button (an image) that leads to an upload page. However, I can’t seem to locate the graphic(s)! I am searching within the project but not finding anything… The HTML looks like this: ```
  • Upload Files ``` Thanks! ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:18pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/2 "2018-11-23T17:18:31Z")
    > [@andrew](#): > > The HTML looks like this: > > - [Upload Files](http://website.com/help/index.html) Not sure this is what you meant to post? ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:30pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/3 "2018-11-23T17:30:01Z")
    Oops… how do I post HTML? 🙂 ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:31pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/4 "2018-11-23T17:31:19Z")
    Try using the \ icon in the post editor bar ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:32pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/5 "2018-11-23T17:32:15Z")
    > [@andrew](#): > > \ **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:34pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/6 "2018-11-23T17:34:00Z") If you just trying to add link just paste it or select some text and click the link icon in the post edit bar and insert link. ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:34pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/7 "2018-11-23T17:34:27Z")
    I’m trying to paste the HTML, not the link. ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:34pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/8 "2018-11-23T17:34:38Z")
    Your first one is appearing now for some reason! ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:36pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/9 "2018-11-23T17:36:18Z")
    Can you take a screenshot of what the page actually looks like? ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:39pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/10 "2018-11-23T17:39:29Z")
    Hey Rob - no, sorry - confidential. But it’s just a header with a graphic (button) with a hover state. I can’t figure out how to identify the graphics used for the button. ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:43pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/11 "2018-11-23T17:43:05Z")
    Use dev inspector in your browser and click on the element in question (the button) this will open up a panel with the html and associated css in a side view. Look at the rules associated with the button. You will probably see something like below, this should help you out. background-image: url(“photographer.jpg”); /\* The image used \*/ or just background: url(“photographer.jpg”); /\* The image used \*/ ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:43pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/12 "2018-11-23T17:43:24Z")
    Thanks! I’ll try that now. [edit] Ok - not seeing anything different than what I’m seeing in Pinegrow… basically, it looks like a li class called “upload” that somehow has the button images embedded… but as noted, I can’t find them. They’re not listed in the code, at least where I’m looking. ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:50pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/13 "2018-11-23T17:50:03Z")
    and you’re looking at the CSS not the HTML code? ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:51pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/14 "2018-11-23T17:51:18Z")
    Yes - both. Part of my issue is that searching isn’t turning up anything I’m not already seeing, ie I’m not finding ANY reference to the images being used! Hmmm… ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:53pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/15 "2018-11-23T17:53:10Z")
    Check the resources tab in dev inspector you might see an image or asset folder then look in that and you might find the image ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 5:56pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/16 "2018-11-23T17:56:39Z")
    Well, yes - I could look for it manually… but the site has hundreds of images, so I’m trying to avoid doing that, which is why I’m trying to search - or identify where it’s called out in the code. Puzzling is that all that shows up in the Properties is a Title and its HREF. ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 5:59pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/17 "2018-11-23T17:59:24Z")
    look for the class .upload in the css file ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 6:06pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/18 "2018-11-23T18:06:46Z")
    Thanks - Ok, figured it out! I was looking for a single button image - it’s using a larger image with a grid of button states as a background image, so that when :hover: is active, for example, it’s changing the background image position. Interesting! I haven’t seen buttons done this way before, but I haven’t built a site myself in a long time, either. Pinegrow is great for this! ---
    **Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [November 23, 2018, 6:10pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/19 "2018-11-23T18:10:52Z")
    Its not unusual practice to combine images into on file (sprite) which reduces the number of times the browser has to contact the server to request files, load one slighter larger file once and store in cache versus loading several smaller files with repeated contact with the server. Then just css to move the position of the sprite to display correct area of single image on hover, etc. > **[CSS Sprites: Image Slicing’s Kiss of Death](https://alistapart.com/article/sprites)** > > Say goodbye to old-school slicing and dicing when creating image maps, buttons, and navigation menus. Instead, say hello to a deceptively simple yet powerful sprite-based CSS solution. ---
    **Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 23, 2018, 6:17pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436/20 "2018-11-23T18:17:09Z")
    Understood - I’m going to practice this… could be a bit of a pain in the butt as I’m used to setting up buttons using Illustrator / Photoshop named layers, but I’ll figure something out. thanks [Next page](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436.md?page=2)