|
Elizabeth
|
June 9, 2014 at 4:40 pm
If there are no events for all Mondays in a month for instance, the last column is huge and does not adjust all columns evenly. This is on multiple browsers.
|
|
Lorenzo Orlando Caum
|
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
|
|
Elizabeth
|
June 10, 2014 at 8:52 am
It’s a live site so I can’t check until the evening. It works fine in Chrome.
|
|
Dean
|
June 11, 2014 at 1:56 am
Can you provide a link to the calendar page please?
|
|
Tony
|
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?
|
|
Elizabeth
|
June 11, 2014 at 8:44 am
Sorry about that. Try now.
Chrome is the only browser it works correctly.
|
|
Tony
|
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.
|
|
Elizabeth
|
June 11, 2014 at 9:28 am
Awesome! That worked. Thanks so much!!
|
