Some theme incompatibilities

[geofffitch]

(Sorry – was out for a few days so I haven’t responded)
Thanks. I think these issues are resolved now. I am sorry I didn’t mention the clearfix issue – the theme developer had already suggested I just comment out their CSS for clearfix and had done so, but sent you the unmodified theme.

The most significant remaining issue from this post is this one:

– the width of the area at the top between the two horizontal lines seems to jump all over the place, depending on the Venue that is selected. Note I’ve created three different events with different Venue’s to demonstrate that problem.

E.g. – you can see the issue here: http://www.pacificintegral.com/new/event/taste-of-gtc/

[Barry]

You could probably fix the width by using a rule such as:

.tribe-events-event-meta { width: 500px }

[geofffitch]

Ok – I tried that but it had no effect. I notice also that the event details on some effects are displayed to the right of “Back to Events” link and on some they are displayed below it (as is the case in your example screen shots.)

[Barry]

Ok – I tried that but it had no effect.

What file did you add the rule to?

[Barry]

I notice also that the event details on some effects are displayed to the right of “Back to Events” link and on some they are displayed below it (as is the case in your example screen shots.)

Again this is something you can tweak with a little CSS:

span.back { display: block }

[geofffitch]

I added it to events.css thanks.

[geofffitch]

I added the span.back code and that seemed to fix the issue you addressed, but the prior issue about the width of the meta section is still unfixed. Any ideas? thanks.

[Barry]

Possibly you’ve made a typo – I can see this rule near the bottom of your events.css file:

#tribe-events-event-meta { width: 700px }

Note that you’ve swapped the dot symbol for a hash symbol – that won’t work, it basically means the browser is looking for an element that doesn’t exist. It needs to be:

.tribe-events-event-meta { width: 700px }

(Or whatever width you want to use.)

[geofffitch]

So – everything you have given a response for is resolved. Thanks! We are getting close.

Here are the remaining incompatibility issues I see I would like to address:
– your screen shot shows a hr between each event – this is missing
– your example shows heading “Calendar of Events” on main event page – would like to add that
– At the bottom of the details page, the formatting seems to be off with the previous/next links (see http://www.pacificintegral.com/new/event/taste-of-gtc-teleseminar/)
– With Eventbrite, the box enclosing ticket widget seems to be excessively high (see http://www.pacificintegral.com/new/event/four-fields-of-dialogue/)
Thanks very much for your help!

[geofffitch]

Note: I fixed #2 above by adding code to both gridview.php and list.php – let me know if that’s what you would suggest.

[Barry]

your screen shot shows a hr between each event – this is missing

There is no horizontal rule element in our default templates, so that’s likely to simply be an artifact of whichever theme was in use when those screenshots were taken. But you could achieve something similar, again with some CSS:

#tribe-events-loop .tribe-events-event { border-bottom: 1px solid #ccc }

[Barry]

With Eventbrite, the box enclosing ticket widget seems to be excessively high

Try inserting this snippet into your theme’s functions.php file.

[Barry]

At the bottom of the details page, the formatting seems to be off with the previous/next links

So for this one you might need to customize one of your templates – single.php – a little, by making a template override just as you did with events.css (again, see our Themer’s Guide and Template Overrides Tutorial for the full lowdown on this).

Basically we’d be converting two divs into span elements in order to avoid a collision with your theme which has set up an !important CSS rule relating to the appearance of div elements within posts (which means it is important for the sake of the theme’s formatting that is is observed).

I’ve outlined the change you need to make here – just follow the direction in the comments.

[geofffitch]

Thanks very much – I will dig into this and let you know how I do.

[Barry]

Great!

[Author]

Posts