[dostie]

That looks like a no brainer. Just need to finish formatting the Events Widget and a few other issues and then that will be a “mandatory” add on. 😉

[dostie]

This reply is private.

[dostie]

No, that will not be an acceptable fix. When I use the Default Page Template then my R sidebar is pushed below the main (post event) content. Already dealt with that issue and don’t remember the details, but part of the solution was to NOT use the Default Page Template.

I’m guessing I need to revise one or two of the driving php documents (placed in my child theme so updates won’t affect my fix) in the Events Calendar. BTW – this problem is evident in the FREE version of The Events Calendar AND the Pro version.

[dostie]

IOW – what PHP document is controlling how elements are called and displayed on the single events page?

[dostie]

For the record, most of my problems were solved after reading this thread:
https://tri.be/support/forums/topic/events-calendar-3-0-not-working-with-theme/

On page 2 of the discussion there are a couple of nuggets. The use of the ” tag in the HTML after event content is critical to themes using sidebars. The hero for that trick is @sparkuparts. Bravo!

The other nugget is the Plug-in by Andy Fragen and his tips on how to use it properly. I suspect this may be what many people on this thread are looking for. Again, this is on page 2 of the thread Events Calendar Not Working with My Theme.

[dostie]

@mprattmd. A huge Thank You!

[dostie]

@sparkuparts You ARE the hero of the hour (or ’til the next guy or gal helps solve the next problem)!!!

For the record, adding the tag in the Add HTML AFTER Event Content box also works when other theme based (as opposed to Default Event Template) pages are selected. F’rinstance, on my theme I chose a ‘Three columns, sidebar left and right’ and the same snippet of code cured the problem. 3 cheers for sparkuparts!

[dostie]

Glad I’m not alone here. After a bit of sleuthing using Chrome’s Inspect Element fucntion and looking at the various CSS files that indicated the controlling DIV or CLASS definitions I was actually more confused than ever. There’s an awful lot of variations and CSS files to account for.

Let me get to my main request. For the moment I can live with existing styling of fonts and colors. However, the calendar does not fit in the post space I have defined on my test site (http://www.demo.earnyourturns.com). It pushes the R sidebar content down below the post content (event content) space.

I see some really weird looking CSS as follows (from resources/tribe-events-full.min.css):

@media only screen and (max-width:767px){#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous{display:block;width:50%;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tribe-events-sub-nav li a{display:block;padding:10px 15px;background:#666;color:#fff;white-space:normal}.tribe-events-sub-nav .tribe-events-nav-previous,.tribe-events-sub-nav .tribe-events-nav-left{padding:0 1px}.tribe-events-sub-nav .tribe-events-nav-next,.tribe-events-sub-nav .tribe-events-nav-right{padding:0 0 0 1px}}
suggesting that the width of the calendar, or list, or single event is variable up to 767px. However, I just want to make sure it fits inside a width of 550px plus 40px in padding (20px L, 20px R) so that it can’t push either of my sidebars out of position.

I also started to create a tribe-events.css file in my Child Theme folder per your Themer instructions…(/child-theme/tribe-events/tribe-events.css as follows:

/* Loop ————————————-
modified from tribe-events-theme.css */
.events-list .tribe-events-loop,
.tribe-events-day .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop {
max-width: 560px;
margin: 0 auto;
}

I just want to know what will control the width of any display of event calendar information in the post area where it appears.

While I have your attention…some of your CSS files under /resources are nicely laid out – in others the code is just squished together. Can you make them all easier to read? Pretty please?

[Author]

Posts