The Calendar widget is not displaying correctly

[michaeldboyer]

Please reference this screencast: http://screencast.com/t/zr5yG4eg

[Barry]

Hi Michael,

Thanks for posting and I’m sorry to see you are experiencing difficulties.

It looks like something else – your theme or another plugin – is adding a bunch of CSS (rules governing the appearance of your website) to the page which seems to be behind this issue. Here’s the relevant rule which is being added:

.first{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:540%;
/*display: block;*/
float: left;
margin-top:18px; /* use -0.205em for two lines */
margin-right: 6px;
height: .5em;

}

So we could either investigate which component is causing it – some themes for instance allow custom CSS to be added and if that was the case you could make an adjustment there – or else we could just attempt to workaround it. If you add a rule like this to a custom tribe-events.css stylesheet for instance that should fix this.

.tribe-mini-calendar-wrapper .first{
    float: none;
    height: auto;
}

You can find guidance on setting up a tribe-events.css stylesheet in our Themer’s Guide (link over on the right under useful resources) – does that help at all?

[Barry]

Hopefully you resolved this (and as it’s been a while I’ll go ahead and close the thread) – but if you do need any further help please don’t hesitate to create a new thread. Thanks!

[Author]

Posts