Another disappearing tooltip question?

[Tom]

I realize it’s July and that means vacations all around, but my calendar tooltips really haven’t worked long enough to accrue any vacation time. And the reality is I’ve only had ECP installed for a few weeks and so can’t say for certain that they were ever there – I just see them working on lots of other ECP installs and wonder why they don’t on mine. And while I’m wondering out loud, I will also ask if there’s any EASY way to have different calendar colors for different event categories. Thanks a bunch! Tom at http://www.attunementpractitioners.org/events/

[Neil]

Hi Tom, I don’t know if this is of any use to you but here is what I added to my events.css to create the category colours on http://www.ukauctions.eu
This was just a copy of the original events.css placed in an “events” folder within the theme, then I added the code below
/*My Background Colours*/
.tribe-events-calendar .cat_antiques-auctions-calendar a,
.tribe-events-calendar .cat_car-auctions-calendar a,
.tribe-events-calendar .cat_general-auctions-calendar a,
.tribe-events-calendar .cat_plant-machinery-auctions-calendar a,
.tribe-events-calendar .cat_property-auctions-calendar a,
.tribe-events-calendar .cat_livestock-agricultural-auctions-calendar a {
color: #fff;
}
.tribe-events-calendar .cat_antiques-auctions-calendar,
.cat_antiques-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #aaaabb;
}
.tribe-events-calendar .cat_car-auctions-calendar,
.cat_car-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #dd0044;
}
.tribe-events-calendar .cat_general-auctions-calendar,
.cat_general-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #665588;
}
.tribe-events-calendar .cat_livestock-agricultural-auctions-calendar,
.cat_livestock-agricultural-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #00bb88;
}
.tribe-events-calendar .cat_plant-machinery-auctions-calendar,
.cat_plant-machinery-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #9988dd;
}
.tribe-events-calendar .cat_property-auctions-calendar,
.cat_property-auctions-calendar > .tribe-events-tooltip .tribe-events-event-title {
background: #cc7744;
}

/*End My Background Colours*/

I placed the code after this
}
.tribe-events-calendar th {
width: 250px;
height: 10px;
background-color:#ddd;
color: #333;
padding:4px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}
.tribe-events-calendar td {
height: 110px !important;
width:14.28%;
color: #114B7D;
vertical-align: top;
padding:0 !important;
font-size:12px;
}
.tribe-events-calendar td .tribe-events-event {
padding:6px 9px !important;
line-height:1.2;
}
.tribe-events-calendar td a {font-size:91.7%;}
.tribe-events-calendar hr {
border:0 none !important;
display:block;
height:1px;
background-color:#E7E7E7;
margin:0 9px !important;
}
Seems to work well, with tooltips & category being same colour, this I got from the Tutorials section.
Regards
Neil Hopwood

[Jonah]

Hi Tom,

Your tooltips are not working because of some overflow: hidden; rules hiding the tooltips which need to “overflow” outside of the days in the calendar. To fix this, make a copy of /wp-content/plugins/the-events-calendar/resources/events.css and place in an ‘events’ folder in your theme. Then, find line 165:

.events-archive .post {
overflow:hidden;
margin-bottom:0;
}

…and remove the overflow: hidden declaration.

Then, one other change to make. In your theme’s style.css on line 735 you have:

.post, article.page {
border: 1px solid silver;
background: white;
padding: 25px 15px 1em 15px;
clear: both;
overflow: hidden;
margin-bottom: 10px;
}

…again, remove the overflow: hidden – this may have some unintended consequences elsewhere in your theme and you’ll need to find a developer to help you remedy them if you can’t figure it out yourself. But this should get you going in the right direction 🙂

On the category colors, we have a tutorial on this: https://theeventscalendar.com/coloring-your-category-events/ and one of the users in our community just wrote a nice plugin that does this too: http://wordpress.org/extend/plugins/the-events-calendar-category-colors/

Cheers,
Jonah

[Tom]

Hey Neil and Jonah…thanks so much for your replies. I read them at the same time, and I now have both my questions resolved. The plugin was the path of least resistance and does what I need it to do. And the tooltip fix worked perfectly and I’ll keep any eye out to see if it broke anything else in the theme. Thanks again….

[Jonah]

Hey Tom,

Glad this all worked out for you. If there’s anything else you need, don’t hesitate to ask.

Cheers,
Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts