Support » Plugin: MF Gig Calendar » Changing Appearance of Date

  • Hi,

    First off, Great job on the plugin!
    Id like to know how to change the appearance of the date in MF Calendar independent of the Event text and “upcoming, archive” etc.
    I can change the appearance of all but not singularly.
    Something like the following website is what I’m after
    Djcharlievillas.com

    Can anyone point me in the direction of some CSS code that would allow me to do this? Thanks very much!

    Ronan

    • This topic was modified 2 years, 7 months ago by 2flynn.
    • This topic was modified 2 years, 7 months ago by 2flynn.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Matthew Fries

    (@brewermfnyc)

    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

    Plugin Author Matthew Fries

    (@brewermfnyc)

    Great news. Glad you figured it out!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing Appearance of Date’ is closed to new replies.