Edit List Event Widget

[Alessandro]

Hello, i want edit “list event widget”. I Use Avada Theme and i want show in the widget only Venue, City and Date of event at 18px, and i don’t want show Event Title.
Can you help me and write me the css command please?

ps Look the picture

[Cliff]

Hi Alessandro.

Thanks for the screenshot, but could you please provide a link to view this? Hiding it via CSS is easy if we can get to the link to see the page’s source code.

[Alessandro]

hello, the link to view it is http://www.teatronovanta.it/produzioni/canto-di-natale/
Help me please

[Cliff]

Here’s some CSS to help. It will affect ALL instances of the widget across your site unless you replace .tribe-events-adv-list-widget with #tribe-events-adv-list-widget-5
:::

.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-info,
.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-date .list-dayname,
.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-date .list-daynumber {
font-size: 18px;
}
.tribe-events-adv-list-widget .tribe-events-title {
display: none;
}

Please let me know if you need anything else.

[Alessandro]

Ok, TNX!!!!!
But now layout is incorrect. Please Can you tell me how I can bring down a line of the date and place ?
I would like the city name in red, on the same line but before place how can I do ?
Thank you

• This reply was modified 9 years, 8 months ago by Alessandro.

[Cliff]

Please understand that our support does not include assisting with customizations, including CSS, per our Scope of Support / Terms

However, on occasion, we do provide CSS tweaks, like I’ve done for you, but I cannot continue with any future requests.

.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-info {
padding-top: 15px;
}
.tribe-events-adv-list-widget .tribe-mini-calendar-event .tribe-events-locality {
float: left;
}
.tribe-events-adv-list-widget .tribe-mini-calendar-event .tribe-events-locality::after {
content: "—";
}
.tribe-events-adv-list-widget .tribe-mini-calendar-event span.tribe-events-locality {
color: red;
}

I hope this works well for you.

[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