Gallery Thumbnail Editing (copy & paste method)

Website template support for image gallery setup

Gallery Thumbnails
In Allwebco templates, there are a couple of ways to setup the gallery thumbnails. The method outlined on this page is to copy and paste over the .jpg images. Another option is the "file overwriting" method.

See Instead…
Note: In template gallery pages the thumbnail height and width sizes are not defined in the html code. This allows for any size thumbnails to be used and also allows responsive templates to resize the images as the viewing area decreases. In responsive templates, thumbnail maximum sizes can be edited in the "style.css" and use "max-width" css.

Replacing thumbnails (copy & paste)
Thumbnails used on the gallery .htm pages are located in the "gallery" folder.

Open the "gallery[X]-[X].jpg" thumb you want to edit in your graphics software. We'll open the "gallery1-1.jpg" in this example. Open the photo you want to use as the thumbnail. Edit your photo to a similar size of the "gallery1-1.jpg". In Photoshop use "image", "image size" on the menu. Once the size is close, do a "select all" on your photo, choose "edit" "copy", select the "gallery1-1.jpg" by clicking anywhere in the window and choose "edit", "paste". Save the gallery1-1.jpg and the gallery page will be updated.

Gallery Thumbnail Editing

Important: Hosting areas are case sensitive. Name your files to exactly match the existing thumbnails or edit the gallery .htm pages with your exact image names. For example, "gallery1-1.jpg" and "gallery1-1.JPG" (upper case extension) are not the same when uploaded. Different letter case may work fine on your local drive, but once uploaded gallery images may not display.

Related Topics:
Gallery Setup Overview