Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Hero Banner 

Table of Content Draft Space 

How to Edit a Hero Banner Component 

  1. Hover over the body of the component. (see image below) 
  2. Select the pencil icon (see image above)

    Tip

    Is the editor taking a while to open? Try double clicking the pencil icon. 


  3. Select Browse (see image below)
  4. Navigate to the image (see image below)

  5. Select the image (see image above) 

    Expand
    titleNeed to upload a new image? Click here to expand...

    To Upload a New Image

    1, Select Upload Media Media (see image below) 
    Image Added

    2. Select Change Destination to confirm you are uploading to the correct folder (see image below)
    Image Added

    3. Select your departments image folder (see image below)

    Image Added

    4. Select Confirm (see image below)

    Image Added

    5. Select Browse for media files files (see image below)

    Image Added

    6. Select the image from your computer 

    7. Select Open 

    8. Type in Alternative Text (see image below)

    Select upload media 

    Image Added

    9. Select Upload media (see image below)

    Image Added

    10. Select the image (see image below)

    Image Added

    Note

    Continue to Step 6 below

  6. Select Select 


  7. Insert the Call to Action URL (optional) 

    Note

    If you do not want a Call to Action 

    Select Select 
  8. Type in a Title for the image 

  9. Type in a Description 

  10. Insert the Call to Action Link URL
  11. Type in the Call to Action Link Text 
  12. Make sure open Open in new tab New Tab is selected 
  13. Select OK 

    Tip
    titleDon't want a Title, Description, or Call to Action button?

     If you don't want a Title, Description, Link URL, or Link Text included with your imagein the Hero Banner, leave the the appropriate field(s) blank. 


  14. Select the gear icon to customize the Hero Banner. 


...