I would like to change the entire font for the calendar from what looks like "Times New Roman" to match my sites font collection. I am using "Source Sans Pro" and "Open Sans". is this possible without updating in one area?

d

Hi Douglas,

Thanks for your inquiry.

To change the font family all across the calendar please follow the below instructions:

Enter the file spider-event-calendar/calendar.php
Search (ctrl+F) <style> tag
Add in this tag the below code:

#afterbig<?php echo $many_sp_calendar; ?> *,
#bigcalendar<?php echo $many_sp_calendar; ?> *{
font-family: Segoe UI !important;
}

great that works, but in one small area. The month "July" is unaffected.

d

Dear Douglas,

Can you please send me the calendar page URL?

It should affect on the month name too.

here you go.

dougwade.info/calendar/

d

Hi Douglas,

It seems you haven't added !important declaration.

Please copy the full code:

#afterbig<?php echo $many_sp_calendar; ?> *, #bigcalendar<?php echo $many_sp_calendar; ?> *{ font-family: Segoe UI !important; }

thanks. I added a badly placed semicolon after sans-serif, so it never saw !important.

font-family: 'Open Sans', sans-serif; !important;

s/b

font-family: 'Open Sans', sans-serif !important;

Thank you... it is fixed, me bad.

d

Great Douglas!

Please feel free to write us for any further inquiries.

Douglas can I ask you to be kind and share your feedback about our plugin and support at WordPress review directory?

Here is the direct link wordpress.org/support/view/plugin-reviews/spider-event-calendar

Many thanks in advance!

To help the next person who comes along...a few more specific details.

This requires editing a PHP file on your server. Edit this file--path is relative to your Wordpress root directory:

/wp-content/plugins/spider-event-calendar/calendar.php

Around line 272, find the "<style>" tag. Note there is more than one <style> tag in this file!

Add this code just below the <style> tag as previously posted in this thread. Change the font(s) to your desired font. I looked at my site's main style.css file to see what font my theme was using for most things.

#afterbig<?php echo $many_sp_calendar; ?> *,
#bigcalendar<?php echo $many_sp_calendar; ?> *{
font-family: "Raleway", sans-serif !important;
}

The font tweak did not change the font in the popup when you click an event in the calendar. What is the recommended way to change the font? Here is what I did to fix this:

I edited /wp-content/plugins/spider-event-calendar/functions_for_xml_and_ajax.php. Just below the <style> tag, I added:

.pop_body {
    font-family: "Raleway", sans-serif !important;
}

Thank you Toy, for enriching our forum with your experience.

Hope this will help yo other users