Style issues with event scroll over

Support for the WordPress Calendar plugin
KimManning
Posts: 1
Joined: Tue Nov 24, 2015 7:53 pm

Style issues with event scroll over

Unread post by KimManning » Wed Nov 25, 2015 5:48 pm

Hello Kieran - thank you for the great calendar plugin!

I was able to edit the styles for the event details which display when you scroll over the link, however, the text 'Time:' has retained the original formatting. Can you assist?

http://www.rtmconsulting.net/calendar?month=feb&yr=2016

Below is a copy of the modified CSS:

.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:#ffffff;
background:#4F81B8;
display:block;
position:absolute;
margin-top:1px;
padding:5px;
width:150px;
z-index:100;
line-height:1.2em;
}
.calendar-table {
border:0 !important;
width:100% !important;
border-collapse:separate !important;
border-spacing:2px !important;
}
.calendar-heading {
height:25px;
text-align:center;
background-color:#E4EBE3;
}
.calendar-next {
width:20%;
text-align:center;
border:none;
}
.calendar-prev {
width:20%;
text-align:center;
border:none;
}
.calendar-month {
width:60%;
text-align:center;
font-weight:bold;
border:none;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.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:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:0.75em;
}
.kjo-link {
font-size:0.75em;
text-align:center;
}
.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:2px;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
margin:0;
}
.calendar-date-switcher input[type=submit] {
padding:3px 10px;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
margin:0;
}
.calnk a:hover span span.event-title {
padding:0;
text-align:center;
font-weight:bold;
font-size:1.2em;
margin-left:0px;
}
.calnk a:hover span span.event-title-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
margin-left:0px;
}
.calnk a:hover span span.event-content-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
margin-left:0px;
}
.page-upcoming-events {
font-size:80%;
}
.page-todays-events {
font-size:80%;
}
.calendar-table table,tbody,tr,td {
margin:0 !important;
padding:0 !important;
}
table.calendar-table {
margin-bottom:5px !important;
}
.cat-key {
width:100%;
margin-top:30px;
padding:5px;
border:0 !important;
}
.cal-separate {
border:0 !important;
margin-top:10px;
}
table.cat-key {
margin-top:5px !important;
border:1px solid #DFE6DE !important;
border-collapse:separate !important;
border-spacing:4px !important;
margin-left:2px !important;
width:99.5% !important;
margin-bottom:5px !important;
}
.minical-day {
background-color:#4F81B8;
}
.cat-key td {
border:0 !important;
}
.calnk a:link {
text-decoration:non;
color:#ffffff;
border:0 !important;
}

Thank you in advance!

User avatar
Kieran
Posts: 2060
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: Style issues with event scroll over

Unread post by Kieran » Tue Dec 22, 2015 7:46 pm

Yes, this probably needs a CSS class adding to the actual HTML before that can be nicely altered. I'll look to add this in the next release and post up here.

Also would you mind enabling the attribution link back to my site? Alternatively you can make a PayPal donation to further development and support via the home page (sidebar) of my site. Many thanks.

Post Reply