Posted: February 25, 2014 at 1:00 pm
|
Can anyone tell me how to get my calendar to display like in the picture 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? |
Hello, Could you please link to your website where I can see your calendar so I can take a look at this issue? — |
|
|
Oh! Of course. Should have done that before. Here it is |
Thanks. I was able to see the events which are shown as thin lines. Are you seeing this issue with any other themes? — |
|
|
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… |
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
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. |
|
|
Tony, |
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.