Support

June 9, 2014 at 5:13 pm

Hi Dorian,

Your theme may have a specific CSS style that is going after the td or tr tag which is used to create the calendar display.

Does it appear normal in another WP theme such as Twenty Twelve or Twenty Fourteen?

—
Lorenzo

June 11, 2014 at 1:56 am

Can you provide a link to the calendar page please?

June 11, 2014 at 8:28 am

Hi Dorian,

It appears the site is currently in maintenance mode so we can not view the Calendar page.

Does this issue happen on any browser apart from Chrome?

June 11, 2014 at 9:14 am

Hi Dorian,

This is actually cause by your sites theme.

Your theme is apply this rule:

/*media all*/
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
    padding: .857em 0.587em;
    max-width: 100px;
}

http://take.ms/B1LIf

Which applies padding and a max-width of 100px to any tables within the content-area.

Removing/overriding that rule fixes the issue. Which is what I have done here: http://take.ms/yaxgS

You can either remove that rule from your themes styles.css file (not really recommend)

Or install a plugin such as My Custom CSS and apply your own rule to override that. The CSS you’ll need to do this would be:

#espresso_calendar table th {
    max-width: none;
}

That should then resolve the issue.