[Plugin: The Events Calendar] Changing width with Theme Magazine Basic

I’ve read through and tried at least four different solutions to changing the width of the Calendar and Event List, but none of them have worked for me thus far.

My site: https://www.WET-LLC.org/
Calendar: https://www.wet-llc.org/category/events/month
Event List: https://www.wet-llc.org/category/events/

As you can see the Calendar and Event list are spilling across my right sidebar.

After creating the new “events” directory in my Magazine Basic theme folder, I tired enclosing the div tags within a table.

<table width=”778px” align=”center”><tr><td>
<div id=”tec-content” class=”grid”>
…..

</div>
</td></tr></table>

I also tried css styling.

Replace this
<div id=”tec-content” class=”upcoming”>

With this
<div id=”main” class=”clear”>
<div id=”content”>
<div id=”tec-content” class=”upcoming”>
…
</div></div></div>

Neither have worked for me yet. My site width is 800px. Could someone please provide a new solution to downsize my Calendar and Event List into the alloted space?

Thank you.