Support

Home Forums Event Espresso Premium Calendar height problem

Calendar height problem

Posted: February 25, 2014 at 1:00 pm


rcfc

February 25, 2014 at 1:00 pm

Can anyone tell me how to get my calendar to display like in the picture
https://eventespresso.com/features/event-calendar/

What I’m getting instead is that multi-day events are displayed as very thin (1px ish) vertical lines. It seems that EE is inserting inline styles for event calendar items, which set them to be very tall (so rows on the calendar are almost 500px in height).

Is there a simple way to fix this?


Lorenzo Orlando Caum

  • Support Staff

February 25, 2014 at 1:08 pm

Hello,

Could you please link to your website where I can see your calendar so I can take a look at this issue?


Lorenzo


rcfc

February 25, 2014 at 2:15 pm

Oh! Of course. Should have done that before. Here it is
http://bit.ly/1hPUmfq
You have to page forward to July to see events.


Lorenzo Orlando Caum

  • Support Staff

February 25, 2014 at 4:37 pm

Thanks. I was able to see the events which are shown as thin lines.

Are you seeing this issue with any other themes?


Lorenzo


rcfc

February 26, 2014 at 12:16 am

Looks like it’s only happening with the current theme (though I only have the wordpress defaults to test it on. But twenty twelve and twenty fourteen both seem to display the calendar more-or-less correctly). Is there an easy fix for this? I didn’t see any theme styles that should be interfering…


Tony

  • Support Staff

February 26, 2014 at 6:35 am

Hi rcfc,

It is the themes styles causing this.

theme/css/base.css line 119

media="screen" 
a {
text-decoration: none;
outline: 0;
max-width: 100%;
max-width: none;
}

The cause is

max-width: 100%;

Using Chome Dev tools to remove it shows the Event correctly within the Calendar http://take.ms/ItyC1

You can either fix it within the themes base.css file & contact the theme author regarding this. (recommended)

Or we apply a little CSS of our own

a {
max-width: none;
}

within your CSS somewhere, (My Custom CSS perhaps)

You could also get a little more specific for only the Espresso Calendar using

#espresso_calendar a {
max-width: none;
}

Hope that helps.


rcfc

February 28, 2014 at 9:58 am

Tony,
That did help! Thank you so much!


Tony

  • Support Staff

February 28, 2014 at 12:28 pm

No problem 🙂

If you have used the workarounds I posted I would still recommend contacting the theme’s author as you may run into this elsewhere.

I’ll mark this thread resolved.

The support post ‘Calendar height problem’ 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