change colors of schedule elements

Hello,

I'd like to set the colors of the schedule elements individually, in order to adapt them according to the different locations.
For example: every act on stage A appears green and every act on stage B appears orange in the schedule.

Default color for all schedule elements is orange and I think it wouldn't be a problem to change that, but then I'd still have only one color.

Is there a way to set individual colors for the schedule elements? Perhaps via the css override file?

greetings
Klaus

Hello,

You can change the shedule part to:

Code: Select all

<dd class="color1"><strong>10:00-12:00</strong>
<div class="gkcol1">
<div><span>Registration</span></div>
</div>
</dd>


and in the override.css file add the color:

Code: Select all

.gk-schedule dd.color1 > div > div a,
.gk-schedule dd.color1 > div > div span {
   background-color: #ddd;
}


and you can use other values like color2, with another color values.

That's great - thank you very much

Thank you again for the useful reply. It works

But now I noticed that the color change applies for the whole column, but I'd like to set different colors for different elements in one column.

I think, I have to create a div-class for that instead of a dd-class? Is this possible?

Thank you very much again.

Could you send me an URL to your site (here or via private message), then I'll be able to check it.

here is the url: http://sommerspektakel.org/programm/

I mistook column for row. The colors apply for the whole row, but I'd like to set different colors in one row - the aim is to classify different types of acts via colors (i.e. orange for music, green for talk, blue for workshop...)

Ok, I understand, instead of this fragment:

Code: Select all

<dd class="green"><strong>16:30-19:00</strong>
<div class="gkcol2">
<div><strong>Platz</strong><span>Vorprogramm</span></div>
<div><strong>Kirche</strong><span>Abendgebet</span><small>18:00</small></div>
</div>
</dd>


use

Code: Select all

<dd><strong>16:30-19:00</strong>
<div class="gkcol2">
<div class="green"><strong>Platz</strong><span>Vorprogramm</span></div>
<div><strong>Kirche</strong><span>Abendgebet</span><small>18:00</small></div>
</div>
</dd>


and use this css code:

Code: Select all

.gk-schedule dd > div > div.green span {
   background-color: #01DF3A;
}


and you'll be able to control each single block of the shedule.