Changing calendar block size

I have the same problem. I'm not a huge developer and I've done what I can to try to figure it out. I'm glad someone else is having the same problem.

I've got the same problem too - doesn't seem to be in the .css file, unless the width is actually undefined (which seems unlikely).

If the popularity of an issue matters, count me among those who are curious about this one!

I am having the same problem. I am surprised this thread is lying unanswered since March.
Is there anyone out there who is able to help us out?
Thanks

Hey guys, this has been a thorn in my size so bad that I spent hours hunting down style defs until I found the following in the "event.css" sheet in the module folder. This segment will define the size of the calendar ...not sure why they did this, this way or if there is a better way to change it but I just changed the font ems size and the whole calendar changes size. Hope this helps. Let me know if you have a better hack.

.event-calendar div.month-view table.event-block thead,

.event-calendar div.month-view table.event-block tbody {

font-size: .70em; (change this but keep it in em's or it usually is too big)

}

www.brhatley.com
www.bigfatteddy.com
My Drupal Sites.

I could be wrong, but I believe you are referencing the Event Module...not the Archive Module.

I think this thread relates to the Archive module and not the Events Calendar module.

So the calendar can be affected by standard CSS, you just have to include that CSS in style.css or some other file that is included in every page. The calendar is wrapped in a block-archive class, so you should be able to style it using that selector.

what needs to be done to change the size of the calendar. I am using a tabless theme and the calendar is huge. im not a programmer yet. so please plain english on what needs to be done.

You can add something like

.block-archive td {
  line-height: 130%;
  padding: 0.3em;
}

to archive.css or style.css to shrink the calendar down a little. You can play with the values and shrink them, but that's been added to 5.x and 6.x now.

That is the solution, yes. In archive.css (modules/archive) change bottom lines to

.block-archive td, .block-archive th {
  line-height: 130%;
  padding: 0.3em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

For wider right and left margins change 0.2em, respectively.

UPDATE: This still doesn't work if you cache CSS files (so there are only two linked in your HTML source). The solution to that is very simple - copy above style block to the bottom of your main style.css file (of your theme used). Don't forget to clear cache data if you cache CSS files.

Case closed - but should go to core and archive module code.