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. Select Tree View (ask about this......)
  5. Select the image 
  6. Select Select 
  7. To upload an image, select Upload Media 

    Navigate to the image (see image below)
    Image Added

  8. Select the image (see image above) 

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

    To Upload a New Image

    Select Upload Media 

    Select Change Destination to confirm you are uploading to the correct folder

    Select Confirm 

    Select Browse for media files 

    Select the image from your computer 

    Select Open 

    Type in

    the Title 

    Alternative Text 

    Select upload media 

    Select the image 

    Continue to Step 6 below


  9. Select Select 
  10. Insert the Call to Action URL (optional) 

    Note

    If you do not want a Call to Action 


  11. Type in a Title for the

    DescriptionInsert the URL 

    image

  12. Type in a Description 

  13. Type in the Call to Action Link Text 
  14. Make sure open in new tab is selected 
  15. 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 image, leave the the appropriate field blank. 


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


...