Managing the Sponsor Scrolling Marquee

🖼 Sponsor Scrolling Marquee

How to add, edit, or remove sponsors on your fundraising page using C1 CMS Layout view.

What the marquee does: shows a smooth, scrolling row of sponsor logos with names and levels. You update one list file to control what appears.

Where things live

File or Folder	Purpose	Location in C1 CMS
sponsorsList.json	The sponsor list and display settings	/Frontend/Marquee/sponsors/sponsorsList.json
images folder	All sponsor logos	/Frontend/Marquee/sponsors/images/

Open the sponsor list in C1 (Layout)

1. Log in to C1 CMS.
2. Select Layout in the top bar.
3. In the left tree, open: Frontend → Marquee → sponsors.
4. Click sponsorsList.json to open it in the editor.
5. You will see a neatly formatted list. Keep the indentation and commas as shown in examples below.

Add a new sponsor

1. Upload the logo
   In the Layout tree, right-click the images folder → Upload File → choose a PNG or JPG. Aim for ~200–250 px wide and ~50 px tall. Example filename: newSponsor.png.
2. Edit the list
   Return to sponsorsList.json. In the "sponsors" section, place the cursor after the last sponsor but before the closing ]. If the previous sponsor does not end with a comma, add one.
3. Paste a new block and change the text as needed:

{
  "sponsorName": "New Sponsor Inc.",
  "sponsorImage": "newSponsor.png",
  "sponsorLevel": "Platinum Sponsor",
  "sponsorURL": "https://www.newsponsor.com"
}

4. Save using the editor toolbar. You should see a save confirmation.
5. Check the page and refresh. The new sponsor should scroll with the others.

Edit an existing sponsor

1. Open sponsorsList.json in Layout.
2. Find the sponsor block you want to change.
3. Update the fields:

Field	What it controls	Example
"sponsorName"	Text under the logo	"ABC Foundation"
"sponsorImage"	Logo filename in images folder	"abc.png"
"sponsorLevel"	Recognition label	"Silver Sponsor"
"sponsorURL"	Clickable website (leave "" for no link)	"https://abc.org"

4. Click Save and refresh the public page.

Remove a sponsor

1. In sponsorsList.json, select the sponsor’s entire block from the opening { to the closing }.
2. Delete the block, including the trailing comma if it was the last item.
3. Click Save and refresh the page to confirm removal.

Complete example

This is how a tidy, easy-to-read list should look.

{
  "settings": {
    "sponsorImagesDir": "/Frontend/Marquee/sponsors/images",
    "maxImageHeightPX": 50,
    "maxImageWidthPX": 220,
    "fontFamily": "Arial, sans-serif",
    "fontBaseSize": "18px",
    "speed": 60
  },
  "sponsors": [
    {
      "sponsorName": "Southwest Diagnostic",
      "sponsorImage": "swd.png",
      "sponsorLevel": "Gold Sponsor",
      "sponsorURL": "https://swdic.com/"
    },
    {
      "sponsorName": "Hagar Vaughan Family Foundation",
      "sponsorImage": "HVFoundation.png",
      "sponsorLevel": "Silver Sponsor",
      "sponsorURL": ""
    },
    {
      "sponsorName": "Woot!",
      "sponsorImage": "woot.png",
      "sponsorLevel": "Bronze Sponsor",
      "sponsorURL": "https://www.woot.com/"
    },
    {
      "sponsorName": "New Sponsor Inc.",
      "sponsorImage": "newSponsor.png",
      "sponsorLevel": "Platinum Sponsor",
      "sponsorURL": "https://www.newsponsor.com"
    }
  ]
}

Tips and troubleshooting

Logo not showing

Make sure the filename in "sponsorImage" exactly matches the uploaded file, including capitalization.

Logo looks stretched

Resize the image to roughly 200×50 px, or ask your designer for a horizontal logo.

Changes not visible

Force refresh the page with Ctrl+F5. If needed, clear your browser cache.

Formatting error

If the page breaks after editing, a comma or bracket may be missing. Compare with the complete example above.

Quick actions: Add → Upload logo, paste a new block, Save. Edit → Change fields, Save. Remove → Delete the block, Save.