Default Events Template Not Inheriting Theme Margins

[Tony]

I’m using the Biznizz theme by WooThemes (http://www.woothemes.com/2011/01/biznizz/). When adopting the default events template for The Events Calendar the pages will not inherit the theme’s margins. Instead, the pages for upcoming and individual events stretch to the full width of my screen (see http://awesomescreenshot.com/00eexee2e and http://awesomescreenshot.com/093exel5c). Note that these screenshots are from my local development site; if you visit the live site you’ll see that I’m using the default “page” template until I can find a fix.

I would continue to use the default page template except that it is not affected by an excerpt plugin (or at least by one that I’ve found). I’ve played with the events.css file but cannot find a global setting that affects margins for the default events template.

Is there an easy fix for margins on the default events template?

[Barry]

Hi Tony, thanks for contacting us.

I’m not familiar with Biznizz and since it is a premium theme I can’t easily download it to play around with it. I suspect however that this might simply be a matter of some missing HTML – so one approach could be to add some extra code to the Before and After HTML fields on the Events > Settings > Templates page and another could be to edit the actual events templates themselves.

I’d be happy to take a quick look and see if this is an easy fix (just bear in mind I can’t offer any guarantees – the amount of support we can offer for third party themes and plugins is limited). If you are happy to do so, please send a zipped copy of the theme to us and I’ll see what I can do 🙂

Please make sure you place FAO Barry somewhere in the email subject line – our email address is [email protected]. Thanks!

[Tony]

Thanks for the quick reply, Barry. I just sent the zip file off to you.

[Barry]

Cool thanks Tony – just got that. Bear with me and I’ll try to get back to you as soon as possible.

[Barry]

OK, so first things first – if you haven’t already done so it is well worth familiarizing yourself with the concepts laid out in our Themer’s Guide. Now to look at the your specific issue:

1. First we need to create a new directory inside wp-content/themes/biznizz called events
2. We’re going to create a new file in this directory called ecp-page-template.php so, just for clarity, once you’ve created this file it should live at wp-content/themes/biznizz/ecp-page-template.php
3. This will largely be based on the Biznizz page template with a couple of subtle changes – this is how my ecp-page-template.php looks: http://pastebin.com/J6K6AV6U

With that done the month view (calendar) should be served on a full-width page, but should stay within the bounds followed by the rest of the theme.

[Barry]

Aaah! Made a mistake there! In point 2 it should read…

“So, just for clarity, once you’ve created this file it should live at wp-content/themes/biznizz/events/ecp-page-template.php”

Sorry for any confusion!

[Tony]

Worked like a charm, Barry. Thanks. Can you provide something similar for the single-event-php file? They need adjustments as well.

[Barry]

Sure – you would basically do something pretty similar but name the file ecp-single-template.php.

http://pastebin.com/X95La2Bi

[Tony]

Alas…I now have single events with correct margins but two things are missing from my screen: (1) the “updated” date in the event meta display and (2) the actual post content.

[Barry]

That’s curious … unless I am mistaken however it seems to be a problem that occurs with this particular theme whether we use custom Events Calendar templates or not.

Thanks for bringing this to our attention though … I’ll need a little time to figure this out.

[Barry]

Hey Tony … sorry about that, I think a line of code was missing. Can you try this (as the content of your ecp-single-template.php file)? http://pastebin.com/X95La2Bi

[Tony]

BINGO! Thanks a ton, Barry. Two more (very minor) things I hope you can help me with.

1. We have the mini-calendar displayed on our home page at http://www.advancingcompassion.org. Over the previous/next month arrows I can see the two individual months. Is there a way to hide or remove the text?

2. On individual events, I’m unable to shift the padding/margin for “<<Back to Events" to create space between it and the event title. You can see an example of that, here: http://www.advancingcompassion.org/event/san-diego-aids-walk-team-acp/

Thanks for all your continued excellent support!

[Barry]

Tony I must apologise, for some reason I didn’t get a notification of your reply. Give me a sec to take a look at these two issues.

[Barry]

1. For the text that is “superimposed” on your calendar widget navigation links, can you see this paste (and follow my instructions) http://pastebin.com/znT1rvg5 – but please don’t hesitate to let me know if you aren’t clear on how to accomplish this.

2. This should also be fixable with a bit of CSS – can you try using the code here http://pastebin.com/5zB4bikh and see if that helps you out?

I hope that helps. Sorry again for the delay and please let me know if you need any more assistance.

[Tony]

Stellar as always, Barry…both revisions worked. Thanks! One last issue I just noticed: at the bottom of single events (http://bit.ly/Q84a50), I’ve lost the previous and next event navigation labels. The events with their hyperlinks appear just not the indication of “what” those links are.

When we edited the php file, we added:

” . __( ‘Pages:’, ‘woothemes’ ), ‘after’ => ” ) ); ?>

What, if anything, do I revise here (or does that occur in another file?) so that “previous event” and “next event” appear on the front end?

[Author]

Posts