Topics Map > Campus Services > Web

Web - Adding a "Top Wide Image" to a webpage

This document will show you how to add a top wide image to your website.

The Top Wide Image stretches across the full length of the page above any content and reusables. This image is used to add visual interest to a page and is generally not very tall (300px high or less).

How to add it:
  1. Click the Images tab in the side menu of the Edit Page screen.

  2. The first field is title "Top Wide Image."

    • Use the "upload" tab to add an image from your hard drive.
    • Use the "file browser" tab to choose an image that has already been uploaded to the server.
    • Use the "remote URL" tab to link to an image on another website.
  3. Each image needs to have "alternate text" for screen readers and search engines. the "title" field is optional and can be left blank.
  4. Crop the image if desired.
  5. Save the changes and publish the page.
If you have questions, please contact the Web Development office at 608.342.1444 or  

Keywords:Web, Drupal, adding, image, top, webpage   Doc ID:34804
Owner:Bryan M.Group:UW Platteville
Created:2013-10-25 14:00 CSTUpdated:2019-02-13 13:56 CST
Sites:UW Platteville
Feedback:  0   0