Disable calendar icon in Events List Widget

[Joe]

See attached. Is there any way to disable the calendar icon? Given the space I have it in, the SUN & WED text is mangled.

I suppose another option would be to make the font for the three letter abbreviation be smaller, too.

I had set up a test version of the site with the free version, and I actually liked that. Was surprised when the functionality changed. 🙂

Please note that you cannot see this version of the site. If you go to it, you’ll see an old version that doesn’t use this plugin or theme. I’m constructing it on a private server, and would require you to change the hosts file on your machine to see it.

[Andras]

Hi Joe,

Thanks for going Pro and welcome to the forums. Let me help you with your question.

If you want to make the text smaller, then here’s the CSS you can copy to your style.css file.
/* optional - unset the width */
.tribe-mini-calendar-event .list-date {
width: initial;
}
/* change font size */
.tribe-mini-calendar-event .list-date .list-dayname,  .tribe-mini-calendar-event .list-date .list-daynumber, {
font-size: 10px !important;
}
 

If you totally want to remove it, then use this:
.tribe-mini-calendar-event .list-date {
display: none;
}
 

Let me know if any of this works for you.

Cheers,
Andras

[Joe]

The totally remove worked.

The lower font did, but had another consequence. The text isn’t justified anymore. See attached.

[Andras]

Yeah, that comes from the fact that the sidebar is not wide enough. Originally the date part takes 15+5% (box+margin) of the width and the info part takes 80%.

With setting the date part width to initial it will be as wide as the text needs it, which might be bigger than 20% if the screen size is too small.

To offset that, you need to add this as well to your css:

.tribe-mini-calendar-event .list-info { width: 78%; }

You might need to change the percentage value lower. This was a value which worked for my test site, but obviously the measures are different than yours, so you might need to play around with it a bit.

Let me know if you have any follow up questions.

Cheers,
Andras

[Joe]

The 78% worked. Tkx.

[Andras]

Super!

Since this is marked resolved I am going to close this ticket, but if you need anything else please post a new topic on the forum and we can help you out.

Cheers,
Andras

PS: If you like our plugin, we would be happy to receive a review in the wordpress.org repository. Thanks!

[Author]

Posts