Marquees are a combination of a large image, a headline, and some text. Marquees can be useful on the top of your web page because of their unique ability to combine intriguing pictures and a title's position that invites the visitor to continue scrolling through the page.
How to Create a Marquee:
- Create a Flexible Page
- Select the "Edit" Tab on the blue menu bar under the Title.
- Scroll to the bottom of the page and select “Add Marquee.” This will create a large image with the option to add a text box along the bottom of the media.
- Add a title to the Marquee in the "Title" option. This appears on the Sample above as "Sample Marquee Title" in large blue text.
- Add an image by selecting the gray "Browse" button under the "Photo" header. This will bring you to the "Media Browser" where you can select how you would like to upload your media. Images may need to be cropped or resized to fit the Marquee, instructions for adjusting the picture if necessary can be found below as "Image Crop Settings."
- The "Body" text box allows you to create a space to add text for the Marquee. This is shown on the Sample above, the bottom section of Marquee.
- The color of this text box is white by default (as shown on the sample above) but can be changed on the "Text Box Background Color" under Display Settings.
- The "Read More" section allows you to add a link to the bottom of the text area of the Marquee. The Title is the text that will appear for the link, while the URL area is where you insert the URL of the page you would like to link to. This is shown on the Sample above as "Read More" Example text that links to the UA Sites Page. (Note: This is not necessary to create a Marquee, but can be a useful tool). More information about links can be found here.
Additional Tip: A Marquee by nature does not fill the entire width of the page. However to adjust the image to fill the full width of the page, expand the blue "Additional Options" title. The "View Mode" drop down selection will allow you to expand the media to fit the width of the page. This is similar to a Full Width Media Row's width, however the text block appears smaller. This is shown on the Full Width Media Row page.
Note: Any full width element will push down sidebar menus to below the content. If you would like to use the full width option on a page that uses sidebar menus or blocks, it is best to use this on the top of the page.
Image Crop Settings
To edit the image crop on desktop and mobile so all of your text fits within the image, follow these steps.
- Add a Marquee to the desired Flexible page
- Upload an image
- Click on the desired thumbnail image
- For desktop, use Full-width large (landscape crop recommended)
- For mobile, use Full-width extra small (portrait crop recommended)
- Click and drag to desired crop
- Open Additional options
- Change the View mode to Full-width background
- Title: Title of the marquee
- Media: Image or video shown behind text (Note: Video is only supported on full width view modes. To add a video select the Web Section).
- Upload: Upload a new file
- See image crop settings below
- Web: Paste in URL of the media (like a YouTube link)
- Library: Select from previously uploaded media
- My Files: Select from files you previously uploaded
- Upload: Upload a new file
- Body: Body content of the marquee
- Read More: Title and URL of an associated link
- Display Settings
- Background Attachment: Scroll (scroll with page) or Fixed (page scrolls over image)
- Background Size: Scale to 100% width (automatic height) or Scale to cover viewport (auto height and width)
- Text Box Background Color: Translucent white, Translucent sky, or Translucent blue
- Additional Options
- View Mode: Default (max content width), Full-width background (content aligned left), Full-width background (content aligned right), or Full-width background (content aligned centered)