Content squished in middle of page

Hello,

I am using WPMU, WP 4.18 and a calendar plug in called time.ly.

I am creating a site to promote local theater events. But, when displaying the calendar, the content gets squished in the middle of the page.

http://mtltheatre.joespace.ca/archives/event/aftermath-afternoon?instance_id=58

Can someone explain to me how to "strech out" the conent so that is becomes legible?

My screen is plenty wide, and it still stays in the middle.

Thanks

Joe

  • Adam Czajczyk

    Hello Joe,

    I hope you're well today and thank you for your question!

    Although on desktop view there's a plenty of free space on both sides of the calendar, the main post container here is actually quite narrow. That's why the calendar is also narrow.

    I've examined your site's source code and it seems that the plugin you're using for events is producing a bit "uncommon" HTML code that doesn't work well with standard theme. That's why the fix is also a little uncommon. Please add this CSS code to your site:

    .site-content {margin-left:0!important;}
    .ai1ec-single-event {max-width:1128px;width:165%!important;}

    You may want to use a Simple Custom CSS plugin for this:

    https://wordpress.org/plugins/simple-custom-css/

    I hope that helps!

    Cheers,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.