How to change marquee images
Accessibility Reminder
When updating marquee images, ensure the image includes meaningful alternative text if it conveys important information. If the image is purely decorative, confirm it is marked appropriately.
After publishing changes, review the page using Anthology Ally to identify any accessibility issues.
(View a training video on How to Change Marquee Images here.)
Marquee images are essential to the overall aesthetic of the Georgia State University websites. Within the Flex 2 website, there are three types of Marquees:
Marquees have images for both mobile and desktop that must be updated.
Mobile
The mobile is the quickest element to change, but it's often overlooked. You can change this image by visiting your page and going into the backend editor of the site. Next, select the icon for the image row. If your photo is not in the media library, then you’ll need to upload it and add alt text to it. Once the image is uploaded and selected, click Set Image.
After that, you need to make sure that the "Mobile Marquee Image" is only viewable on smaller screens. To do that, edit the column that the single image is in.
Then select the "Responsive Options" tab. In this section, make sure that "Hide on device?" is selected only for the top-most option, the Desktop Device. Save your changes.
Desktop - Marquee Image
To change the desktop image, you’ll need to go into the row section. To do this, visit your page and go into the backend editor of the site. Next, select the icon for the image row identified by the #outer-floating ID.
The Background Image Position default is 50% 50%, or center/center. You may need to adjust this in order to make sure that the image selected is framed properly on the live desktop version of the page. You can make the background image appear higher or lower by making the second percentage higher or lower. Test your changes to see if they work best for the image chosen.
