Calendar widget extends beyond sidebar

[wwa]

1. I had switched display to “full styles”, trying to fit in with my theme better. I tried using the calendar widget but it extended way beyond the sidebar. I switched to “tribe events styles” and it’s a bit better but still extends beyond.

2. So I tried to use the list of events instead of the calendar. It doesn’t look anything like yours on your demo http://wpshindig.com/event-widgets/

[Barry]

Hi wwa: I took a look at your site but couldn’t identify the problem – can you point me to a specific URL where I can see this?

[wwa]

Barry, I turned the calendar off because of the issue and left list of events on instead (that’s what what I wrote on point #2 above). The list of events widget on my site doesn’t show the date on the left hand side like you have on your demo.

[Barry]

OK, I think the widget you are referring to may have been temporarily removed from wpshindig.com – however do bear in mind that although the theme is a customized version of Twenty Twelve it has been customized so there are some tweaks there that won’t be present in an out-of-the-box installation.

Here’s a basic example of a list widget without any customizations:

From what I can see it is basically the same deal on your website.

[wwa]

Yes, that’s what I have. I was under the impression that the widget would’ve looked like the one on wpshindig.com out of the box – at least that’s my understanding of “demo.”

Since there’s no mentioning of “you need to do such and such customization in order to get what you see on this demo”, what customization do I have to do?

[Barry]

I’m at a slight disadvantage since that widget appears not to be available on wpshindig.com right now, but bear with me while I see if I can get it reinstated (then I’ll have a better idea about what you mean).

Generally speaking though I think the intent is to demo what’s possible rather than just showing the plugins in a strictly out-of-the-box fashion within a default theme. That said, I don’t believe any of the customizations there are particularly advanced and this is probably just a matter of a small CSS tweak.

[wwa]

OK so… how can I resolve this? I’m comfortable making CSS tweaks if I knew where to make them.

[wwa]

Sooo….

[Barry]

Hi wwa, sorry for the delay – if you’re comfortable making CSS tweaks please check out our Themer’s Guide and follow the instructions for overriding tribe-events.css (or even add your custom rules to the bottom of your theme’s existing stylesheet, depending of course on the strategy recommended by the theme vendor for safe customizations).

https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/

[wwa]

Thanks Barry. I’ve looked there but I can’t see a specific example of what to do. In addition, I am not 100% it’s just a CSS styling. From my little understanding of reading PHP, it looks like, in order for the date to show like Tribe has on the widget list example, I’d have to actually go to wp-content/plugins/events-calendar-pro/views/widgets/list-widget.php and add a php call there. But I don’t know what that call should be.

[Barry]

wwa,

I restored the list widget to wpshindig.com and I’m not sure it’s all that different from the default. Here’s what I see (bearing in mind it may be removed or relocated by another admin at some point, so it’s not guaranteed to be there forever):

Is it possible that you are confusing the list widget with the calendar widget?

[wwa]

No Barry, I’m not confusing anything. See this screenshot, I’ve circled in red what is missing. http://tinypic.com/r/2lw24ht/5

[Andy Fragen]

That’s the ‘Events Calendar’ widget not the ‘Events List’ widget

[wwa]

You serious? Damn it, don’t I feel smart now 🙁
So now my questions about the Events Calendar widget are:
1. What can I do about the calendar that’s too wide?
2. “Number of events to show: ” – what does this control? I increased it to 10 but the number of events showing, by default, underneath the calendar as a list doesn’t change.

[Barry]

What can I do about the calendar that’s too wide?

It’s width is due to style rules from your theme “leaking” through. To counter this can you follow the directions in our themer’s guide and add a tribe-events.css stylesheet to your theme (this would go inside wp-content/themes/YOURTHEME/tribe-events) and add the following rules:

.tribe-mini-calendar td,
.tribe-mini-calendar th {
padding: 0px;
}

Alternatively, try placing those same rules at the bottom of your theme’s stylesheet (or wherever your theme vendor recommends you place CSS customizations).

Does that help with the width issue first of all?

[Author]

Posts