Support

Home Forums Events Calendar Add-on How to fix Calendar size – right side and bottom of the calendar are cut off

How to fix Calendar size – right side and bottom of the calendar are cut off

Posted: February 8, 2014 at 11:21 pm


Durga

February 8, 2014 at 11:21 pm

Hi, I’m having issues with the calendar… The right side and bottom of the calendar are cut off. There is no option in the settings to adjust the width.

Any ideas on how to correct this?

Here’s the page:
http://www.emptymountaininstitute.com/upcoming-events/calendar/

Running
WP 3.8.1
Event Espresso Version 3.1.36.4.P
Calendar Version 2.2.2.p


Dean

February 10, 2014 at 2:19 am

Hi,

It should just fit, it’s responsive to the container it is in.

Have you updated the plugin recently? If so please check the calendar settings and save (even if you make no changes).

If that doesn’t help we will need FTP access to grab a copy of the theme to test with if that is ok


QuickOnTheClick

February 15, 2014 at 12:07 am

Hi

I am also having this issue with the right side and bottom of the calendar cut off. Could you please advise any suggestions as to how to fix this.

Link below:
http://tbs.quickontheclick.com.au

Event Espresso version 3.1.36.4.P
WordPress version WP 3.8.1
WordPress theme Woothemes Canvas

Thanks


Dean

February 17, 2014 at 12:52 am

Hi QuickOnTheClick,

I am still not able to recreate this, but I do see the issue on your site.

Durga’s site is offline currently so I cannot check if he is using the same theme as you.

Would it be possible to get a copy of your theme for testing purposes? You can send it to support@eventespresso.com – please include a link to this forum thread.


Durga

February 17, 2014 at 3:52 pm

Thanks Dean. There’s also a problem on the ‘My Events’ page http://www.emptymountaininstitute.com/upcoming-events/my-events/. The event name (row-title) and event type seem to be conflicting with my Theme’s CSS. The fonts are way too large.

I will send the theme shortly… I’ll just update the latest version of the theme first. Thanks!


Josh

  • Support Staff

February 18, 2014 at 12:29 pm

@quickontheclick

Can you let us know how the calendar is set up on the page you linked to? It looks like the page is built out using the OTW content manager plugin. If that’s the case, can you give us the steps to recreate the page? I do have a current copy of the WooCanvas theme set up so I should be able to replicate the issue locally and find a fix.


Josh

  • Support Staff

February 18, 2014 at 3:05 pm

@quickontheclick

It looks like the calendar’s borders are getting styled by the canvas theme. If you look in the main canvas stylesheet there’s a section that styles tables that starts with: /* 6.8 Tables */

This section has a bunch of styles that sets the table’s border colors to very light colors to showing no borders at all. I’m sure this looks great on normal html tables, not so much on the calendar.

To override this you can add some new styles to your child theme like these:

#espresso_calendar .fc-content table tr th:last-child,
#espresso_calendar .fc-content table tr td:last-child {
  border-right: 1px solid #888888;
}

#espresso_calendar .fc-content table tbody tr:last-child td {
border-bottom: 1px solid #888888;
}

You’ll likely want to adjust the color to your liking.


QuickOnTheClick

February 19, 2014 at 3:46 pm

Hello Josh

Thank you for your assistance, I have added the styles to my child theme and fixed the missing sides. I also tweaked a few of the other styles such as the header and the alignment of the week day headers so it looks consistent with the sidebar calendar.

This has fixed my problem.

The support post ‘How to fix Calendar size – right side and bottom of the calendar are cut off’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso