Formatting / Display of List Widget

[Houman]

Hi my site is submitted below in this ticket.

At top right is a simple ical feed from google. Below is the widget from events calendar pro. I don’t like the display from events calendar pro. It takes up WAY TOO MUCH SPACE. I’m going to have like 10-20 events here and each one should only take 2 lines up. Title, and Date – that’s it! No lines, no graphics, no fancy formatting.

How can I get to that? I’m not a coder so if it requires coding – in addition to those instructions – please also let me know where I can find configurations which would minimize the display as much as possible in the mean-time while figuring out how to get it just right.

[Geoff]

Hey there, Houman! Welcome to the forums–we’re stoked to have you aboard. 🙂

Good question. I think this can be accomplished with some CSS in your theme’s style.css file. For example, I think the following would make a huge difference in this case:

.tribe-mini-calendar-event .list-date {
display: none;
}

.tribe-mini-calendar-event .list-info h2 {
margin-bottom: 0;
}

.tribe-mini-calendar-event {
padding-bottom: 0;
margin-bottom: 0;
}

.hentry {
padding: 0 20px;
}

You can adjust any of those numeric values to whatever you think looks best. This is about as far as I can help with custom development questions like this, I hope this helps you get started. 🙂

Cheers!
Geoff

[Houman]

Hi! This worked! It’s the first time css has worked for me. Good job – thanks. I’ll figure out tweaking it from here but if you could just tell me is it possible to disable the links, remove the lines in between each event, and decrease the indenting, using css? If it’s possible I”ll figure out. Just need to know if it’s possible or not. Thanks!

[Houman]

Hey! Can you help me with http://www.storytrading.com/event/jcp-earnings/

There is no padding on left side. Also same issue with listing view on calendar page

[Houman]

Hey Geoff!

I switched to a page template instead of events template and everything looks 1000% better!!! woohoo!! Question now is – can I control the widgets that appear on the right-hand side? Normally I would know how to do this because /events/ would be a page – but I can’t find it any pages… why not? If I can’t get into the page to edit the sidebar – is there somewhere else where I can edit the sidebar widgets?

[Geoff]

Hey Houman–thanks for following up! I’m so glad that CSS I provided helped out and that the page template made a big difference. 🙂

It really depends on the theme, but you should be able to control the widgets on the calendar using the same widget area that is used on your theme’s default widget area (Appearance > Widgets).

If you want to use a different widget area, then it would take a bit of custom development to make that happen. It’s beyond the level of support I can provide here in the forums, but you’d essentially, revert to the Default Event Template, and customize that template to include a new or existing widget area. We have a Themer’s Guide that will help get you started with customizing calendar templates.

Cheers!
Geoff

[Geoff]

Hey there, Houman! This thread’s been quiet for a little while and it seems we got to the bottom of the original question, so I’m going to go ahead and close it. Please feel free to start a new thread if you have more questions about widget areas and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts