Working with Rotating Banners

Not all Gingerfeet themes have a rotating banner. If yours does, this is how to modify the images within them.

  1. From the Administration Menu across the top of your screen, select Content Management → Content Management Filter.
  2. Click the radio button Node Type. This will allow you to narrow your search to only the Banner node type.
  3. Choose Banner from the dropdown field next to Node Type if not already selected by default.
  4. Click the Filter button. The list will return only Banner node types.
  5. Rotating Banners in Gingerfeet are named sequentially based on their sort order. Click the Banner title you wish to modify (Rotating Banner 1, 2 or 3, usually).
  6. Click the Edit button on the Banner node (page).
  7. In Edit mode, you'll see thumbnails of your banner images, a field for inputting Alternate Text and a Remove button.
  8. Click the Remove button next to each image.
  9. Once the images are removed, the Remove button is replaced by a Browse and Upload button. Browse your local drive for each image and upload. Your images will be sized correctly automatically. Remember, there is a limitation on file size: 2MB. Any image greater than 2MB, will be rejected. Make sure your image file names do not contain any spaces or special characters.
  10. You may also type in Alternate Text for your image. This is good practice as it helps to make your images accessible to users with disabilities and a good way to include keywords for search engines.
  11. You may change the Sort Order by choosing a different value from the dropdown list, but remember the banners are named according to their sort order.
  12. Click the Save button.

Modify Existing Rotating Banners

Change the Sort Order on a Rotating Banner

Note: In the Derek theme, the rotating banners contain four (4) images each. In future themes, there may only be one image per banner. In that case, you'll only see one image thumbnail to replace.