[Plugin: The Events Calendar] template issue

i created a new folder called “events” in my template/theme directory and placed the 3 files (single.php, gridveiw.php, list.php) in there and made the changes for my customized template/theme but it still doesn’t work. It appears a background image is not showing that i added in a div which is what started the problem… please advise!!!!!!

the site can be viewed here.

… also the sidebar is not showing!

thanks in advance. ??

@sacredpractice:

This div:

<div id="content" class="grid">

has a right margin of 265px so it’s pushing your sidebar out.

As far as styling, I’ve found that if you copy the css code from the plugin folder “resources/events.css” and paste it into your style.css in your theme, you’ll see the calendar with proper styling, which you can modify to your needs.

Hope that helps.

thanks jakob, i pasted the events.css code into my style.css (of the theme) and it does change the calendar style, which is cool….but my original problem is that the header image in the theme template has disappeared and only on the events calendar page of the site.

this problem began due to an adjustment in my theme’s php template files… i needed to put an image

in front of the body background image,

but behind the container div,

so i added a <div id=”top_header”> with an image and z-index: 2 – which works on every page of my site… except the events calendar page.

the problem is the top image in the header disappeared only on the events calendar page.

the code in my theme style.css is:

#top_header { height: 200px; width: 100%; margin-top: 0px; position: relative; background: url('img/top_banner.jpg') repeat-x top; z-index: 2;}

then in my theme/template php files if added the div before the php:

<div id="top_header">

<?php get_header(); ?>

	<div id="container">
		<div id="content">

	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
			<h1><?php the_title(); ?></h1>
			<small class="meta">
  			<span class="alignleft">
          <?php the_time(__('F jS, Y', 'default')) ?> | <?php _e('By', 'default'); ?> <?php the_author() ?> | <?php _e('', '' ); the_category(', '); ?> | <?php the_tags('Topics: ', ' '); ?>

  			</span>

      </small>

			<div class="entry">
				<?php the_content(); ?>
				<?php wp_link_pages(array('before' => '<div class="page-link clearfix"><strong>Pages:</strong>', 'after' => '</div>', 'next_or_number' => 'number', 'pagelink' => '<span>%</span>')); ?>

			</div>

			<div class="postmetadata">
			  <p class="categories">
			    <?php _e('Posted in ', 'default' ); the_category(', '); ?>
        </p>
  			<?php the_tags('<p class="tags">Topics: ', ' ', '</p>'); ?>
        <p class="infos">

						<?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
							// Both Comments and Pings are open ?>
							<?php _e('You can', 'default'); ?> <a href="#respond"><?php _e('leave a response', 'default'); ?></a> <?php _e(', or', 'default');?> <a>" rel="trackback nofollow"><?php _e('trackback', 'default'); ?></a> <?php _e('from your own site', 'default'); ?>.

						<?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
							// Only Pings are Open ?>
							<?php _e('Responses are currently closed, but you can', 'default'); ?> <a> " rel="trackback nofollow"><?php _e('trackback', 'default'); ?></a> <?php _e('from your own site', 'default'); ?>.

						<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
							// Comments are open, Pings are not ?>
							<?php _e('You can skip to the end and leave a response. Pinging is currently not allowed.', 'default'); ?>

						<?php } edit_post_link(__( 'Edit this entry', 'default' ),'','.'); ?>
					</p>
				</div>

		</div>

	<?php endwhile; else: ?>

    <?php include (TEMPLATEPATH . "/missing.php"); ?>

<?php endif; ?>

		</div><!-- #content -->
	</div><!-- #container -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

</div>

hope someone can give me a hand… i don’t know about the 265px margin affecting it either… since the other templated pages seem okay with it.

thank you in advance ??

In this file you are starting the top header div, but are you closing it in the header.php file? It looks like you’ve started the top-header div, included header.php, then started with the container div. I would think you would want to close the top-header div before you start the container. If it’s not closed in your header.php you would need to add a </div> after your include for header.php.

thanks jakob for your help. the </div> is at the bottom under the footer.php as it was the only way to keep the container width according the design of the site.

good news though, i was able to fix the original issue by adding the event.css to my custom theme style.css and include the top-header div in the gridview.php and single.php! what a relief!!!

now my only issue is the sidebar is not showing up.

i’ll keep working on it and get back if I figure that part out… or if i need help.

thanks again.

These problems also occur with ATAHUALPA 3.4.5 theme, which employs a different way of doing the Footer/Sidebars, etc, and so the sidebars & footer are completely destroyed in this theme (see ibooktravel.com.au). I’d really appreciate if anyone can help to make The Events Calendar & Atahualpa theme compatible.

sidebar is working. i added an include in the gridview.php, list.php and single.php (in my events folder within the theme).

add:
<?php
include (TEMPLATEPATH.’/sidebar.php’);
?>

now i’m trying to figure out why the sidebar appears lower and not where it is designed to be on the template…. not sure where some of the classes for the events calendar postings are coming from… they don’t appear in the events.css.

I have the same problem of compatibility with ATAHUALPA 3.4.5 theme and this amazing plugin. Even though I try and follow the “Default vs. Custom Templates” instuctions I do not figure out how to solve it.
Please help

pankus, these are the steps that made the theme integrate with the events calendar for my issues… try:

1. copying the files: gridview.php, list.php and single.php from the plugin folder/views

2. put the copied files into a new folder in your theme folder and call it “events”

3. copy all the code in the file events.css from the-events-calendar folder (in your plugin folder).

4. paste all the css code into your theme style.css file.

This should do it… it did it for me… of course with adjusting the files to get everything right. if your sidebar is not showing you will need to manually place the code:

<?php get_sidebar(); ?>

into your copied files (events/gridview.php, list.php and single.php)

i am still trying to get the sidebar to move up as it has for some reason pushed underneath my content div… i’m close to figuring out so i’ll post once i do.

good luck!

Thank you sacredpractice, but unfortunately your method does not work with Atahualpa 3.4.5. It miss a single *.css!! If I well understand, it dinamically creates a css file with the script css.php -located in the root level-. As a consequence there’s no real place where to paste the events.css code.
I need and find a different solution.
bye

Hey pankus,

The Dev Team will return from vacation at the end of the week. I’m sure they will provide assistance when they return. In the meantime, does anyone else have any ideas?

Thanks,

– Noah

Hey Pankus & ncitravel,

Just found this thread- and without too much mucking around (time is money!) I found that it’s easy enough to make it work with Atahualpa.

Simply do as Shaine has said

Create a new folder called “events” in your template directory and copy over the following files from within the plugin folder (simple-events/views/):

* gridview.php
* list.php
* single.php

Edit all of the above 3 files, in the new location, and perform the two actions below on each file-

Replace include (TEMPLATEPATH.'/header.php');
with include (TEMPLATEPATH . '/functions/bfa_get_options.php');
get_header();

Replace include (TEMPLATEPATH.'/footer.php');
with get_footer();

All done!

ShadowQ.

Hey ShadowQ-

Is the fix you explain above (the highlighted file edits, that is) specific to the Atahualpa theme, or do you suspect it’s generalizable to something like iThemes Flexx? I’m a first-time WP designer who’s trying to integrate The Events Calendar w/Flexx (actually a child theme implementation) and having trouble getting my theme’s header and footer to appear. Interestingly, the CSS tweaks in my child theme’s style sheet do seem to be working behind the calendar’s grid view.

This is a great plugin and I’d love to be able to use it on my project. Any thoughts?

Best,
Karl

I just wanted to post here to say this is an absolutely great plugin and to thank TC Soul for his solution in getting this to work with Thesis 1.6!