Support

Home Forums Events Calendar Add-on How to make calendar widget hide event names

How to make calendar widget hide event names

Posted: December 2, 2012 at 5:59 am


dbinc

December 2, 2012 at 5:59 am

Hi,

With the calendar widget (in the sidebar) updating itself with event names, the size becomes weird and not pretty at all to look at, especially with long event names.
Is it possible to simply have the dates highlighted with a color (where events take place) with nothing written inside?
This is for the calendar widget and not the main calendar plugin.
Thanks.


Dean

December 3, 2012 at 3:46 am

Hi,

By default the widget should not show names, it should show little tick images, but for some reason the CSS to do this (calendar.css line 610) is being over ruled and I cannot see where it is occurring.

I would try testing this with the default twentyeleven theme and even start deactivating plugins to see if the culprit can be narrowed down.


dbinc

December 3, 2012 at 6:22 am

Hi, is there a way to over rule whatever it is that might be clashing?


dbinc

December 3, 2012 at 6:25 am

I deactivated every other plugin and it still shows the specific events…


Dean

December 3, 2012 at 7:55 am

Hey

Have you tested it with the default theme as well?


dbinc

December 3, 2012 at 2:39 pm

yeah, don’t know why but the calendar widget won’t show up when in twentyeleven theme (obviously pointed to the correct page in the ‘Calendar Page’ widget option.
Is there no way of overiding everything in terms of line 610?


Dean

December 3, 2012 at 11:26 pm

Is it possible to get your login details in order to look into this?

If so, please send them via https://eventespresso.com/contact/

Choose the “I am sending login info as requested” option and fill out the form

Please make sure you add the forum post link to aid us in case another team member picks up the email.

NOTE: login details need to be Admin level.


dbinc

December 4, 2012 at 7:03 pm

Sent you details yesterday. Any news?


Dean

December 5, 2012 at 1:02 am

Hi,

Sorry for the slow response. I actually passed this around the office so to speak as I cannot currently clarify what is actually occurring.

I would like to test this further by changing theme for a while. Is the site on a development server? Can I do this? I would rather not do this on a live site, so if it is a live site I can put it in maintenance mode for a while if you are ok with that.


dbinc

December 5, 2012 at 10:39 am

Yes, the site is for development, a test site.
I’d love to get some help. Please go right ahead!
Thanks.


dbinc

December 5, 2012 at 10:42 pm

Okay, got it to work now that I had my IT guru friend to look into it.
Apparently there was no class given to the line in question.
so added this section:

#espresso_calendar span.fc-event-title,

espresso_calendar p.time-display-block,

espresso_calendar .thumb-wrap {

position: absolute;
left: -999em; /* hide the titles because they make things ugly */

}

espresso_calendar .fc-event-skin {

background-color: transparent; /* get rid of the background color and border */
border: none;
height: 16px;

}

espresso_calendar a.fc-event-skin div {

background: url('images/tick-circle-frame.png') no-repeat 8px -24px; !important /* add an image instead */

}

And now it works!!!
What might have been the problem? It seems it wasn’t a clash with anything else…


Dean

December 6, 2012 at 12:23 am

Hey,

Well I am glad you got it work.

Not sure why that class wasnt added, on all the test install I am running it worked with out a hitch and without any additional code needed.

The support post ‘How to make calendar widget hide event names’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso