IE problems with Calendar plug-in
-
I am running a calendar/events plug-in called Calendar by Kieran O’Shea. This on Lifestyle 4.0 and WP 4.0
Here is the Calendar plugin page
Here is the Calendar page on my site:
The problem is with IE, sigh. The calendar looks good on Mac Safarai/Firefox and on my PC IE8/Firefox. But viewed through earlier IEs the entries break after one word and look ridiculous, vertically. And now I am hearing from some PC users with IE 8 that it is breaking this way as well, although I can’t duplicate that.
Here is an example of the bad breaks on IE:
(this is someone else’s site)The developer has said he can’t duplicate this and it must be a problem with the theme. Others on his forum have had the issue.
Here is one fix from that forum that didn’t work for me — the last two lines are new:
.calnk a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
display: block;
min-width:95px;
}Here is the plug-in’s CSS file
.calnk a:hover {
background-position:0 0;
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a:visited {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a span {
display:none;
}
.calnk a:hover span {
color:#333333;
background:#F6F79B;
display:block;
position:absolute;
margin-top:1px;
padding:5px;
width:150px;
z-index:100;
}
.calendar-table {
border:none;
width:100%;
}
.calendar-heading {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-next {
width:25%;
text-align:center;
}
.calendar-prev {
width:25%;
text-align:center;
}
.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.9em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.9em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#000000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #DFE6DE;
}
.no-events {}
.day-without-date {
width:60px;
height:60px;
border:1px solid #E9F0E8;
}
span.weekend {
color:#000000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:1.0em;
}
.kjo-link {
font-size:1.15em;
text-align:center;
}
.event-title {
text-align:center;
font-weight:bold;
font-size:1.2em;
}
.event-title-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}
.event-content-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}
.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}
- The topic ‘IE problems with Calendar plug-in’ is closed to new replies.