[Neil]

Hi Tom, I don’t know if this is of any use to you but here is what I added to my events.css to create the category colours on http://www.ukauctions.eu
This was just a copy of the original events.css placed in an “events” folder within the theme, then I added the code below
/*My Background Colours*/
.tribe-events-calendar .cat_antiques-auctions-calendar a,
.tribe-events-calendar .cat_car-auctions-calendar a,
.tribe-events-calendar .cat_general-auctions-calendar a,
.tribe-events-calendar .cat_plant-machinery-auctions-calendar a,
.tribe-events-calendar .cat_property-auctions-calendar a,
.tribe-events-calendar .cat_livestock-agricultural-auctions-calendar a {
color: #fff;
}
.tribe-events-calendar .cat_antiques-auctions-calendar,
.cat_antiques-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #aaaabb;
}
.tribe-events-calendar .cat_car-auctions-calendar,
.cat_car-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #dd0044;
}
.tribe-events-calendar .cat_general-auctions-calendar,
.cat_general-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #665588;
}
.tribe-events-calendar .cat_livestock-agricultural-auctions-calendar,
.cat_livestock-agricultural-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #00bb88;
}
.tribe-events-calendar .cat_plant-machinery-auctions-calendar,
.cat_plant-machinery-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #9988dd;
}
.tribe-events-calendar .cat_property-auctions-calendar,
.cat_property-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #cc7744;
}

/*End My Background Colours*/

I placed the code after this
}
.tribe-events-calendar th {
width: 250px;
height: 10px;
background-color:#ddd;
color: #333;
padding:4px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}
.tribe-events-calendar td {
height: 110px !important;
width:14.28%;
color: #114B7D;
vertical-align: top;
padding:0 !important;
font-size:12px;
}
.tribe-events-calendar td .tribe-events-event {
padding:6px 9px !important;
line-height:1.2;
}
.tribe-events-calendar td a {font-size:91.7%;}
.tribe-events-calendar hr {
border:0 none !important;
display:block;
height:1px;
background-color:#E7E7E7;
margin:0 9px !important;
}
Seems to work well, with tooltips & category being same colour, this I got from the Tutorials section.
Regards
Neil Hopwood

[Author]

Posts