The standard CP5 Spotlight Element is designed to display four to five articles, depending on the layout of your site. If you are interested in displaying more articles in the Spotlight Element, turning it into a scrolling carousel might interest you. You can see some examples of what the scrolling Spotlight Element looks like in action at The Daily O'Collegian and The Daily Athenaeum.
STEP 1: Upload the CSS
Under your site's Stylesheets tab either open your main Stylesheet, or create a new stylesheet named "Carousel Styles" or something similar. Paste the contents of the "carousel.css" file into the stylesheet. Under the Files tab in your Stylesheet, upload the two images (next-horizontal.png and prev-horizontal.png) and press Save.
The basic carousle CSS provided will result in a Spotlight Element that looks like what is displayed on The Daily O'Collegian's web site. If you would like to change out the arrow images, you can do so. The widths in the carousel.css are assigned based on a two column layout. If you are using a three column layout, or plan to use the Spotlight element in a Column Splitter, you will need to adjust the widths in the CSS.
Please note: Placing the carousel script in your site's main Home tab will make every Spotlight Element on your site a scrolling carousel. If you only want the script to apply to certain sections, you can upload the script in one of your Sub Pages. If you only want the Scrolling Spotlight on your homepage, you will need to override the contents of your Header section on the sub pages by placing an HTML element in that slot.