Skip to main content
Skip to main navigation
Skip to search

University Information Technology Services
WCMS Tutorials

Adding a Hero Image

Instructions

  1. Go to the page you are want to add a hero image
  2. Hover over the name of your page
  3. Click on the down arrow to the right of the name of your page
  4. Select edit
  5. Go to the section-interior-page section inside the page section
  6. Go to show/hide section features and check hero
  7. Expand the section-interior-page>>hero
  8. You must upload three different sizes of the same picture (desktop/laptop, tablet, smart phone)
    1. Hover over the question mark to the right of hero-image-large/medium/small to see the size of the picture you need to upload
    2. To upload an image (images should be uploaded into your img folder in your departments asset folder)
      1. Click on the icon to the left of “search” to browse your history and select an image
        1. This provides the recent history
          1. You can choose a folder from there
          2. You can also hit browse and browse through the folder
      2.  Or click the icon to the right of “search” to look through your folders to select an image
        1. This provides the option to browse through the folders and select the new parent folder
  9. Add a title in hero-title-text
    1. This will go in the middle of the hero image
  10. Select the alignment of the hero-title-text in the drop down box hero-title-alignment
  11. if you want to add a button add the text in button-01-text and button-02-text etc.
    1. the button needs to have a link
      1. Click on the icon to the left of “search” to browse your history and select a page to link to
        1. This provides the recent history
          1. You can choose a folder from there
          2. You can also hit browse and browse through the folder
      2.  Or click the icon to the right of “search” to look through your folders to select a page to link to 
        1. This provides the option to browse through the folders and select the new parent folder
  12. If you want to add text instead of a title you can type the text in the wysiwyg
    1. This will add text on top of the hero image
    2. You have to choose either the wysiwig text option or the title option, you cannot use both
  13. Click submit when you are finished
Last updated: 05/05/2016