Support

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

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

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.

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.