Interior page Header Images

Your site comes with one interior header image set-up to display on all of the interior site pages. Below you will find instructions on how to replace this existing image, as well as to create new images that can be placed on particular pages only, if desired.

Note: Only Content Administrators will be able to administer block settings.


Replace existing header image

To replace the existing header image located at the top of every basic page, follow these steps:

  1. Hover over the top right corner of the header image and click on the grey gear.Replace existing header image Step 1 & 2 image
  2. Click Edit
  3. Make sure the image you want to upload has the correct dimensions (1220 px wide by 212 px high) before you upload it (if unsure on how to resize images see the "Image Resizing" tutorial at the bottom of this page). Click on the existing image and delete it.
  4. Upload your new image by clicking on the 'Add Media' icon.Add media icon image
  5. Browse for the new file on your computer.
  6. Click on the 'Upload' button.
    upload a new file image
  7. Once uploaded, click on the 'Next' button.
  8. Add an 'Alt' and 'Title' tag for your image. Name, Alt Text, and Title Text Image
  9. Click on 'Save'.
  10. Under the dropdown menu 'Display as' under the options area select 'default'. Display Options Image
  11. Click on the 'Submit' button.   
    Submit Button image
  12. Save the changes.  
     Save button image

Create new header image

Step 1:

  1. Go to the 'Add Content' shortcut link in the grey menu at the top of the screen.Add content image
  2. Select 'Block'.
    Select Block image
  3. Fill in the following fields:
    • Title: Example 'About Us Static Header Image'
    • Body: Make sure the image you want to upload has the correct dimensions (1220 px wide by 212 px high).
      - Upload your new image by clicking on the 'Add Media' icon.
      Add media icon image
      - Browse for the new file on your computer.
      - Click on the 'Upload' button.
      upload a new file image
      - Once uploaded, click on the 'Next' button.
      - Add an 'Alt' and 'Title' tag for your image.
      Name, Alt Text, and Title Text Image
      - Click on 'Save'.
      Save button image
      - Under the dropdown menu 'Display as' under the options area select 'default'.
      Display Options Image
      - Click on the 'Submit' button.
      Submit Button image
  4. Click on the 'Save' button when finished.
    Save button image

Step 2:
Now you will need to assign this newly created block to the page you would like it to display on.

  1. In the shortcut menu click on 'Blocks'.
    Block shortcut image
  2. Scroll down to the 'Disabled' section and locate the newly created block. 
  3. Click on the 'configure' link to the right of the block's title.Configure Block image
  4. Fill in the following fields:
    • Block title: <none>
      Block title image
    • Region settings: Under 'UA Theme - The Fan (default theme)' select 'Homepage Slideshow'.
      Region Settings - Home Slideshow image
    • Visibility Settings: Show block on specific pages
      • Select 'Only the listed pages'
      • In the text box type the pages' url paths that you would like the image to display on. For example "about-us" would display the image on the About Us page. You can enter multiple paths, just hit return and type the next page's url path.
        Visibility settings image
  5. Save block. The newly created image should appear on the desired pages now.
    Save button image

Tip: Be sure to hide other interior page images from this page so that only one image will appear at the top.
Steps to take to accomplish this task below. Complete these steps on the interior page image that you would like to hide from this page.

  1. Hover over the top right corner of the header image and click on the grey gear.
  2. Click Configure Block
    Configure Block image
  3. Scroll down to the 'Show block on specific pages' section.
  4. In that field, hit return after any existing listed urls (so that there is one url per line), add new url that you would like to hide this image on (example: 'about-us').
    Show block on specific pages images
  5. Save block.
    Save button image

Image Resizing 

For Windows

Step 1

Download Paint.net

  1.  Open the following link in your browser https://www.getpaint.net/download.html.
  2. Download paint.net from the above website.

Step 2

Opening and altering image in paint.net

  1. Open paint.net. 
  2. When in paint.net click file in the upper left hand corner of the screen.
     paint.net tool bar with red box around file button and a red arrow pointing to it
  3. After clicking the "file" button click the "open" button and browse for the image you would like to resize. 
  4. Once you have opened the desired image in paint.net click the "Image" button in the ipper left ahnd corner.
    pain.net tool bar with red box around image button and a red arrow pointing to it
  5. After clicking the image button click the resize button. Here you  can resize and crop the image as you pleasein order to fit the desired dimensions. 

For Mac's 

Step 1

Downlodaing GIMP

  1. Open the following URL in your web browser https://www.gimp.org/downloads.
  2. Download GIMP to your MAC.

Step 2

Opening and Altering an Image in GIMP

  1. Open GIMP on your MAC.
  2. Click the "File" button in the upper right hand corner.
  3. Click the "Open" button in the "File" dropdown and browse for the image you would like to resize.
  4. Once you have opened the desired image click the "image" button in the upper left hand side of your screen.
  5. Click the "Canvas Size" button in the "Image" dropdown.
  6. Here you can adjust the image to the desired dimensions with the updown arrows next to width and length. You can also slect the part of the image to include by moving the image within the "Set Image Canvas Size" window with your mouse pointer.
    Canvas Size menu within gimp with red box around length and width arrows and a red arrow pointing to it