Avatar of David

How to Easily Change the “No Image Available” Image

July 29, 2010 | David | Tips & Tricks

If someone has ever submitted an ad on your site without any images attached, you’ll notice it uses the “No Image Available” placeholder image. For most people that’s fine but if you didn’t like the wording, color, or wanted to change it to a different language you needed to use image editing software.

Not anymore. Here’s a simple tutorial on how to easily change the default placeholder image without using any editing software.

This is the default image that comes with ClassiPress. It looks fine but not for everyone.

The typical "no image available" placeholder image when an ad is submitted without any images.

This is the new default image after I wave my magic wand.

The new "no image available" placeholder image when an ad is submitted without any images.

Ok, so I went a little extreme with the pink and text but I wanted to show you how easy it is. That took me less than a minute to create. Now it’s your turn.

  1. Go to Dynamic Dummy Image Generator
  2. Enter 151×106 in the size box.
  3. Enter a background color hex (generate one from here)
  4. Enter a foreground color hex (what the text color will be)
  5. Select “jpg” from the “Format” drop-down
  6. Enter the image text you want
  7. Right click on your new image and “Save Image As”
  8. Save it on your desktop as “no-thumb.jpg”
  9. FTP into your website so we can upload the new image
  10. Navigate to /wp-content/themes/classipress/images/
  11. Rename your existing “no-thumb.jpg” in case you want to ever use it again (optional step)
  12. Put your new “no-thumb.jpg” image from your desktop into the images folder
  13. Visit an ad on your site that doesn’t have any images
  14. It should now be replaced with your new image!

Here’s a couple screen shots of what my examples looked like.

Here are the settings I used for the pink example

And behold, the color picker and color hex I used.

Once you choose the color you want, copy the hex value and paste it into the other box

See how simple that was? Did you like this tutorial? Let us know below! We will continue to write tutorials like this if they are useful for our customers.

Your rating: none
Rating: 5 - 2 votes

Popular Marketplace Items

  • thumbnail-vantage-image-slider
    $19

    Image Slider for Vantage

     (2)
    Replace the Vantage listing and events gallery with an image slider.
  • dear-seven-responsive-multipurpose-theme-thumbnail
    $39

    Creative

     (2)
    A responsive multi-purpose WordPress theme for business or personal portfolio.
  • skrill-thumbnail
    $39

    Skrill

     (3)
    Accept up to one hundred payment methods, in sixteen languages, & forty currencies.
  • Authorize.Net Thumbnail
    $39

    Authorize.Net

     (3)
    Easily start accepting online payments via credit card and e-check.
  • jobboard-mobile-thumbnail
    $49

    Job Board Mobile

     (3)
    Give your JobRoller visitors a rich & dynamic experience with a true mobile web app.
  • Flannel-thumbnail
    $39

    Flannel

     (4)
    A unique and beautifully designed new look for your ClassiPress site.
  • FXtender-thumbnail
    $39

    FXtender Pro

     (14)
    Instantly add new features, options and widgets to any JobRoller website.
  • designerpress-thumbnail-alt
    $39

    DesignerPress

     (1)
    Redesign your ClassiPress site without using a child theme.
  • Eva-JobRoller-Child-Theme-Thumb
    $39

    Eva

     (6)
    An exquisite, professional, and minimalist child theme for JobRoller.
  • screenshot
    $39

    Eldorado

     (5)
    A modern western child theme for ClassiPress. Full Responsive!
  • daddy-likes-190x130
    $19

    Daddy Like

     (10)
    A fast, lightweight, and elegant "like" system for comments, pages, posts, & activities.
  • thumbnail-jobroller-user-locator
    $19

    User Locator for JobRoller

     (2)
    Auto-detect & add your visitors location using geo coordinates.

5 Responses to “How to Easily Change the “No Image Available” Image

  1. Thanks! I’m at work with no photoshop. This helped a lot!

  2. How would omit images at all for some categories, say jobs that might not require pictures at all.

  3. Hello you all…

    Is it possible to put a different “no image available” for each categories. Say for exemple, for the category “cars”, the default image would be a car, for the category houses, the default image would be a house…

    no luck so far…

    Like
    Anonymous likes this.