Changing Appearance of Date

Hi Ronan

Thanks for checking out the plugin. You can easily change the look of the calendar with the CSS in your theme. That’s exactly what DJCharles did on his website.

The plugin outputs a block of code that looks like the code below. You’ll find this referenced in the plugin’s .css file as well. I hope it can help you see the classes you need to change in your CSS.

<ul id="cal">

	<li class="event">
		<div class="date">
		
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->		
			<div class="start-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->
			
			<div class="end-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
		</div>
		<div class="info_block">
			<h3>[Event Title]</h3>
			<span class="time">[Event Time]</span>
			<span class="location">[Event Location]</span>
			<span class="details">[Event Details]</span>
		</div>
	</li>

</ul>

Thank you Matthew, that was very helpful!
I finally got my head around it and saw the classes!

The one thing i can’t seem to control is the Calendar Title or “Upcoming Events”
What class should i be looking for here?

I thought it may be pointing to a default header but it doesn’t seem to match any of my own?

Thanks again for all you’re help

OK, I found it. It’s h2!

Thanks again for everything.
All working now

Flynn

Great news. Glad you figured it out!