How to Customize a Scrolling List of Participants

Brian Mucha

The S36: LISTS OF TEAMRAISER PARTICIPANTS, TEAMS, OR GIFTS tag creates that scrolling list that we put in the sidebars of TeamRaisers.

Here are some key IDs and CLASSES to use to tweak the appearance. Place these in your TeamRaiser style sheet, or right in the Additional Meta Tags field. (I just spent a bit of time working these out, so I thought  I stick them up on the board.)

/* Top Performers Scroll */

.controlArea { width: 210px !important; background-color: #cfe1b9; }  /* Headline and Start-Stop Controls area. */

.scrollingBack { width: 215px !important; height: 150px !important; }  /* The scroll area background. */

.scrollingAreaBox { width: 215px !important; height: 150px !important; overflow: hidden; }  /* The scroll area. */

.scrollingArea { width: 215px !important; left: 0px !important; height: padding: 0px; margin: 0px;}  /* Wrapper around scrolling text */

.scrollingText { padding: 0px; margin: 0px; }  /* Text Inside the Scroll */

.Smaller { padding: 0px; margin: 0px; }  /* Stop-Start Controls */

This example changes some coloring, and the width and height of the scroller a bit.

Note: The !important modifier makes these styles supercede those in the stock Convio style sheet.

Regards, Brian