Custom calender background color?

Hey Anomaly69,

As of right now, there isn’t a way to do that within the plugin’s setting. However, if your theme allows for you to ass custom CSS then you should be able to apply a background color to the div.wp-meetup-calendar and the background would be applied to the date as well as the calendar display of the month.

If you have any questions, then feel free to email [email protected] and we can help you further.

Thanks for the quick answer. I ended up doing almost exactly what you suggested. I actually found several ways.

If you apply the style to either .table , .heading-date , or calendar-month it will not get the date.

Example:

.table{
background-color:#FFFF95;
border: 1px solid black;
color: #000000;
}

I also styled the date with:

.wpm-current-date-display{
font-size:200%;
}

Oh, also, I did this inline on the post itself, but this does get the date

<style type=”text/css”>
div.cal{
background-color:#FFFF95;
border: 1px solid black;
color: #000000;
}
</style>

<div class=”cal”>
[wp-meetup-calendar]
</div>

I have since discovered there are more things affecting table styling than I realized. Theme, plugins, etc.

Back to the drawing board.

Ok here’s my final solution. I added this code to the bottom of wp-meetup.css and all is well:

/* This block styles the calendar table without getting the ‘Date’ area. */
/* It can apply to .table , .heading-date , or .calendar-month classes and still work */
/* Or it can use the element tbody and not apply to the table header area. */
.table{
background-color:#FFFF95;
color: #000000;
}

/* This block styles the table data borders */
td{
border: 1px solid black !important;
}

/* This block styles the date area */
.wpm-current-date-display{
font-size:200%;
}