Skip to content

How to change marquee images

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:

1) CTA Marquee without buttons


2) CTA Marquee with buttons

3) Simple Marquee without CTA

The text row below the header is optional. If you don't need it, edit the row and check the disable option.


Marquees have images for both mobile and desktop that must be updated. 

Mobile

The mobile is the quickest element to change, but its 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. 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 - CTA Marquee without buttons


To change the desktop image, you’ll need to go into the row section. To do this, visit your page and going into the backend editor of the site. Next, select the icon for the image row identified by the #outer-floating ID.




.The default is 50% 50% or center, center. Therefore, you may need to adjust this when they change the image. 



Desktop - CTA Marquee with buttons or Simple Marquee

To change the desktop image, you’ll need to go into the row section. To do this, visit your page and going into the backend editor of the site. Next, select the icon for the image section identified by the #outer-floating ID.

Occasionally, images will be in the section instead of the row. If you looked in the row and didn't see an image, go to the section and replace the image.



Feedback and Knowledge Base