Navigation Hero

This component is to add a hero to the top of the pack where you can add links to it and an image as well.

RichTextArea

Once you are on the page you are wanting to add content to go ahead and add the component by pressing Add Component.

A screenshot of a computer

AI-generated content may be incorrect.

On the right side you will see the choices of components to add. Go ahead and you can either press the + button on the component you want to add or click, hold, and drag the component into the content zone. There is also a search bar as well if you are having trouble looking for any component.

A red line and a white background

AI-generated content may be incorrect.

Go ahead fill out the Text which will be the title of the Hero and change the Style as needed that fits your Hero.

A white text box with white lines

AI-generated content may be incorrect.

Go to the media tab and depending on what site you are on you will want to click Browse under image which is for images uploaded into Agility and add the Alt Text and Browse under Cloudinary is for images uploaded to Cloudinary. Once you are done press save.

A screenshot of a social media post

AI-generated content may be incorrect.

Next under the links tab you will want to save the component first in order for us to add links to this. Once you have saved the component you will be able to press new. From here you will add a title to the button, where it will link to, and the title of that link. Typically, this would link to somewhere else on the page in which you can link to an anchor by adding a “#” and the name of the anchor on the page. Example would be “#about” Press save when you are done.

A screenshot of a computer

AI-generated content may be incorrect.

After you can press new and keep adding more buttons to the Navigation Hero as you please but that should be it.