Changing the default background color (#ccccff) for .orbit-container in foundation 5

Question

In Zurb Foundation 5, does anybody know how to change the default orbit container background of blue without going into app.css to change the background property for .orbit-container class?

The default code for orbit slider does not explicitly state .orbit-container, so it doesn't seem possible to change it inline.

Any ideas?

Answer 1

OK I did it myself.

Make a super <div> element to include that particular section and give it an ID. Then in CSS, do

.orbit-container  #(Given ID)
{
 background:(arguments)
}

This will help you change the orbit-container background for just the particular section (marked by ID).