[eo_fullcalendar] displaying incorrectly

Hi apple4ever,

I’ve seen some issues with themes which use CSS transitions on links inside the calendar (usually they’ve just applied them to .article a and it’s just a matter of adding a rule to remove them from links within the calendar).

Around line 39 of your theme’s style.css you have

a {
	transition:color 0.12s ease-in-out;
....

I would first try removing that.

If that doesn’t work, then something else may be causing the problem…

The annoying thing with these issues is that they never produce an error, it just looks wrong without any indication as to why. So if you can’t find (or have tried removing) transitions from your theme, the only way to find exactly which line(s) of CSS (and I think its a CSS issue, there are not javascript errors) is to keep removing parts until the issue is fixed, and so identifying the lines responsible.

Here’s one method that works quite well: Remove top half of the theme’s CSS – if the calendar is still displaying that issue, the problematic line is in the bottom half, else it’s in the top half. Taking the ‘problematic half’, perform the same procedure, and iterate until you have found the line responsible :).

If you have 2^n lines of CSS you’ll be done in n steps ??

(These kind of assumes there is only one line responsible, but, on rare occasions, there could be more. In which case you made need to repeat the above procedure).

It’s more annoying if multiple CSS files are loaded, so you might want to try and disable other plug-ins first too.

Thanks Stephen! It actually wasn’t that line, but I used your advice. I found the line it was, which is commented out below:

a, abbr, acronym, blockquote, body, cite, dd, del, dfn, dt, h1, h2, h3, h4, h5 ,h6, html, iframe, img, ins, object, ol, p, pre, sub, sup, table, tbody, td, th, tr, ul {
    background:none;
    border:0;
    font-size:100%;
    margin:0;
/*    max-width:100% !important;*/
    outline:0;
    padding:0;
    vertical-align:baseline;}