I would like to customize the event style in the Month view of the Event Calendar Pro module but I can't seem to find any CSS selectors related to it. Viewing the source of the calendar shows the events with inline styles.

What can I do to change the way all of the events show up in the Month view of Event Calendar Pro?

Thanks,
Joe

Hi Bob,

styledatacalendar.css is for the Month view, I don't think it affects List View.

I'm not quite clear what you are trying to solve. You don't want it to wrap to a new line?

Best,

Joe

Hi Bob,

If you're looking through the CSS you probably aren't going to find something but if you view the source of the rendered page you'll see there are ample CSS classes in the markup that could be used for selectors to style it as you would like.

Each event is wrapped in a div with class="vevent" so to make it italic you could use:

.vevent {font-style:italic; }

if you want the location to go on a new line

span.location {display:block; }

There are not labels existing like you have on the left of each thing like Event Title:

but there is a way you could do that from CSS that would work at least in some browsers like

.vevent a.summary:before { content:"Event Title: "; }

.vevent span.location:before { content: "Location: ";}

etc.

Hope that helps,

Joe