Styling List function

[Jason]

I am having a problem styling the list for the event list. I want the title to be an h3 tag not an h2. Also, I want the .list-daynumber to have a padding of 0px not 3px. Is there anyway you can help us with this?

[George]

Thanks for reaching out Jason.

We unfortunately cannot help with modifying the look or behavior of our plugins, as elaborated upon here ? https://theeventscalendar.com/knowledgebase/what-support-is-provided-for-license-holders/

So please read over that guide to set your expectations about this support exchange.

With all of that being said, can you share a link to where I can look at the list widget directly? Despite some of our policies around not being able to help with this sort of thing, I’m happy to at least try and take a look at the widget firsthand and recommend some CSS to get things looking like you describe.

— George

[George]

Ah! Nevermind, I noticed the widget on the home page — not sure why I missed that at first…

Changing the size of the widget title text is possible in a few ways. You could use the methods in our Themer’s Guide to modify the HTML directly and literally make the h2 tags be h3 tags instead.

Or you could just decrease their font size manually via CSS, using this selector:

.tribe-mini-calendar-event h2.tribe-events-title a


So, something like this:

.tribe-mini-calendar-event h2.tribe-events-title a {
font-size: 1.3em !important;
}


As for the next issue, try CSS like this to remove that padding:

.tribe-mini-calendar-event .list-date {
padding: 0 !important;
}


---

You will have to take the reins from here. As noted on this page, we cannot help with modifying the appearance or behavior of our plugins.

I hope this CSS helps nonetheless!

Best of luck with your site,
George

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts