[Plugin: All-in-One Event Calendar] Changning styles in a professional way?

The styles are added using wp_enqueue_style in plugins/all-in-one-event-calendar/app/controller/class-ai1ec-calendar-controller.php near line 543.

So I think the best option is to work out which files you want to edit, then copy them to your theme directory and add some extra code to your functions.php to replace the default css with the modified css. For example, in my functions.php I have:

function replace_calendar_styles() {
wp_dequeue_style('ai1ec-general');
wp_dequeue_style('ai1ec-calendar');
$path = get_stylesheet_directory_uri();
wp_register_style('custom-ai1ec-general', $path.'/general.css');
wp_register_style('custom-ai1ec-calendar', $path.'/calendar.css');
wp_enqueue_style( 'custom-ai1ec-general');
wp_enqueue_style( 'custom-ai1ec-calendar');
}
add_action('wp_print_styles', 'replace_calendar_styles');

thx Nathan … came up with that very solution after a bit of thinking

in addition to the ai1ec-general.css and the ai1ec-calendar.css I also changed the ai1ec-event.css

I guess this should make it into the plugin FAQs?

Yeah, it really should be included in their documentation. It would certainly save everyone a whole lot of time. At least this page will be useful for anyone searching for a solution.

Editing the CSS file for widgets seems to do absolutely nothing. ??

I noticed that the overwhelming majority of the rules for styling various aspects of the calendar are augmented with the !important rule.

width: 320px !important;

so what I did in my own stylesheet is overrule their importance by declaring my rules important as well. Seems to have done the trick. I would show an example, but I’m still in the localhost. Once you figure this out, however, it’s pretty easy to fen-angle and change whatever you need to within your own styling rules! There’s no need to touch the PHP or the plugin files.