|
Lara Olson
|
January 3, 2014 at 10:44 am
In some browsers, (google chrome is one example) the events in our calendar are showing up as thin vertical lines instead of boxes with class name etc. How can I fix this?
I can send you a picture of what it looks like but am unsure of how to attach it here.
Thanks!
New Installation
WordPress 3.7.1.
Event Espresso – 3.1.36.1.p
Event Espresso – Calendar Version 2.1.p
Event Espresso – MailChimp Integration Version 1.2
Event Espresso – Members Addon Version 1.9.8.p
Event Espresso – Multi Event Registration Version 1.0.5.p
Event Espresso – Permissions Version 1.5.5.p
Event Espresso – Recurring Events Version 1.1.8.p
Event Espresso – Social Coupons Version 1.5.3.1
Event Espresso – Social Media Version 1.1.7.p
Event Espresso – Ticketing Version 2.1.p
Event Espresso – API 2.1.p
|
|
Josh
|
January 3, 2014 at 3:25 pm
Hi Lara,
A picture itself may not be that helpful to troubleshoot this. Can you send us a link to the page? If not, can you send a copy of the WordPress theme to support@eventespresso.com so we can investigate?
|
|
Lara Olson
|
January 6, 2014 at 6:44 pm
We aren’t live yet so I’m thinking that means I cannot send you a link to the page. How do I send a copy of the theme to you?
|
|
Josh
|
January 6, 2014 at 7:10 pm
Usually themes are distributed as a zip file, so they can be emailed to email address that I posted earlier.
|
|
Josh
|
January 10, 2014 at 1:53 pm
Hi Lara,
Thanks for sending. I took a look and what’s happening is the theme is setting this style rule:
a {
max-width:100%;
max-width:none\9;
}
Chrom ignores the second one (the second one looks like it’s for IE), so that’s why it works in some browsers and not in others. To fix this you can add this to your theme’s custom CSS:
#espresso_calendar a {
max-width: none!important;
}
This will tell the browser to use the width value (set by the calendar’s JavaScript) instead of the max-width.
|
|
dkelly2
|
January 14, 2014 at 2:34 pm
I am having the same issue, with my calendar view in Chrome.Just shows as a skinny line. In the Theme Enfold setting: Use stretched or boxed layout?, If I switch from stretched format to boxed it works, but I want stretched layout. The code you provided above did not fix my issue. I can send login info to you so you can look at it. Thank you.
|
|
Josh
|
January 14, 2014 at 3:19 pm
Hi Don,
When I manually apply the code provided here the events display as expected. Can you try adding the CSS again? There’s a text area just below where you select the stretched option in the theme options where you can add CSS rules.
|
|
dkelly2
|
January 14, 2014 at 3:31 pm
Hmmm. It is working now. User error I guess. Thank you!
|
|
Josh
|
January 14, 2014 at 3:36 pm
It’s not necessarily user error. Sometimes CSS changes don’t automatically get applied by the browser because the browser will use a cached version of the CSS.
|
