Hi Lilian,
you can try using some CSS to get that or you can create a template override for the module.

Would I put the following in a custom css for the module?

td, th {
display: table-cell;
vertical-align: inherit;
}

except change it to horizontal-align?

Actually you should use the table classes: mod_events_monthyear and mod_events_table and the CSS should be something like:

.mod_events_monthyear,.mod_events_table{

    float:left;

}

.mod_events_table{

  margin-top: 30px!important;

  margin-left: -80px!important;

}

And you will need to play with margins to make it look as you want I'm afraid.

Best!!

Thanks so much! and this should go in my regular template custom css file, right?

Actually I would use the JEvents Custom CSS area to place the code. That way you are 100% sure it's loaded after all JEvents CSS rules.

That worked perfectly! Thank you.

Just one small thing - if you have a look at http://www.thecovehouse.ca/reservations

you'll see that there are big gaps between July and August, August and Sept, september and october...

Any idea how to shape that up? :.)

Try this code instead of the first one:

.mod_events_monthyear, .mod_events_table {

    float: left;

    width: 170px;

    margin-right: 20px !important;

}

.mod_events_table {

    margin-top: 30px !important;

    margin-left: -190px !important;

}

Anyway, this is dirty tricks in CSS and I do recommend you create a template override for that with proper HTML strucutre .

Best!!

That works beautifully! thank you.