[John]

Thank you, Brian, that fixed the issue! Do you know when I can update the plugin to the latest version with this issue resolved?

Peace,
John

[John]

I apologize that I did not make it clear right from the start that the problem is not with the view in desktop but only with the view in iphone (I happen to have a 5). So many people are checking sites on their phones now that this could be a real issue.

Thanks.

Pam

[John]

Here’s a link to the entire calendar on the desktop:

http://www.stfrncis.org/calendar-events/

Pam

[John]

Hello George,

here are the links to the screenshots you asked for that I took of the problem with the calendar on the iphone 5. I have sent a portrait and landscape view. I cannot scroll at all.

View post on imgur.com

http://imgur.com/bvDoB9W

Thanks.
Pam

[John]

Thanks but that’s not what I meant. If I could send a screenshot it would be easier. When I look at the calendar in either landscape or portrait view on my iphone5, the calendar is cut off on the right side so I only get to see Sun-Tue or Sun-Wed (landscape). It won’t scroll either. I don’t want to leave the calendar in list view either as I want people to see the whole month right away and for it to look like a real calendar.

Please advise. Thanks.

[John]

Josh,

I copied the default-template.php file and placed it inside my child theme, i.e. Divi-child–>tribe-events–>default-template.php

I’m not sure where the pro part comes in. I did create a folder called pro and placed it inside the tribe-events folder and I placed the event-calendar-pro.css file in there. Is that correct? Your schema doesn’t really show all of that.

Now that I have my new default-template.php file, I pasted in what I believe is the right code for the header photo and title bar (further up in my post) but nothing happened. I tried pasting it inside the php tags and outside. I’m not sure where to put it. Can you please let me know? Thanks.

This is the code I see inside the default-template.php file:

<?php
/**
* Default Events Template
* This file is the basic wrapper template for all the views if ‘Default Events Template’
* is selected in Events -> Settings -> Template -> Events Template.
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/default-template.php
*
* @package TribeEventsCalendar
*
*/

if ( ! defined( ‘ABSPATH’ ) ) {
die( ‘-1’ );
}

get_header(); ?>
<div id=”tribe-events-pg-template”>
<?php tribe_events_before_html(); ?>
<?php tribe_get_view(); ?>
<?php tribe_events_after_html(); ?>
</div>
<!– #tribe-events-pg-template –>

<?php get_footer(); ?>

[John]

An additional question. If I am unable to sort all this out, I thought I read on the forum that you will be providing short codes in your next release. If this is so, will this fix this issue for me? Do you know when that will be? Thanks.

[John]

Hi Josh,

I tried following the Themer’s Guide before but when none of the names in my folder match up with what you are talking about it’s hard! It says:

To load custom styles for PRO views and elements, create a stylesheet called tribe-events-pro.css in the tribe-events/pro/ directory of your theme. There is no tribe-events/pro directory in my Divi theme! I looked in the plugins folder outside of the theme and there’s just a folder called events-calendar-pro but that’s it. Nothing with tribe in the name. So I’m stumped.

Can you give me any clues as to where I should look. Please be as specific as possible naming each folder and file and where to start, i.e. in the plugins folder or within the Divi theme folder.

Thanks.

[John]

I was really hoping someone could get back a little sooner about this problem?

I have been trying various things and have since taken out the image I tried as mentioned above. I don’t like the look.

What about trying to add the normal header area php code (including the slider and header):

<div id=”et-main-area”>
<div id=”main-content”>

<article id=”post-567″ class=”post-567 page type-page status-publish hentry”>

<div class=”entry-content”>
<div class=”et_pb_section et_pb_inner_shadow et_pb_section_parallax et_pb_fullwidth_section red et_section_regular” style=’background-color:#89d0c9;’>

<div class=”et_pb_slider et_pb_slider_no_arrows et_pb_slider_no_pagination et_pb_slider_parallax”>
<div class=”et_pb_slides”>
<div class=”et_pb_slide et_pb_bg_layout_dark” style=’background-color:#ffffff;’>
<div class=”et_parallax_bg et_pb_parallax_css” style=”background-image: url(http://stfrncis.com/wp-content/uploads/2015/05/3a.jpg);”></div>
<div class=”et_pb_container clearfix”>

<div class=”et_pb_slide_description”>

<div class=”et_pb_slide_content”></div>

</div> <!– .et_pb_slide_description –>
</div> <!– .et_pb_container –>

</div> <!– .et_pb_slide –>

</div> <!– .et_pb_slides –>
</div> <!– .et_pb_slider –>
<section class=”et_pb_fullwidth_header et_pb_bg_layout_dark et_pb_text_align_left”>
<div class=”et_pb_row”>
<h1>EVENTS</h1>
<p class=”et_pb_fullwidth_header_subhead”>Bulletins</p>
</div>
</section>

</div> <!– .et_pb_section –>

into the calendar php code? Which page would I actually add it to? I found events-calendar-pro.php inside the plugins –> events-calendar-pro folder. Would this be the one?

Unfortunately, if we cannot work this out, it’s probably a deal breaker for us and we would need to find another program, which would be a shame as I like this one.

Thanks.

[John]

I added a photo with a title strip under it to the html box under Display in Settings and this is what I got:

http://stfrncis.com/calendar/\

I’m not happy with it. I want it to look the same as my other pages such as this:

http://stfrncis.com/bulletins/

Where it goes all the way across the page and it keeps the parallax scrolling.

Is there any way to make it look like that church site I mentioned above that shows on your product pages?

Thanks.

[John]

This is the site I’m talking about above:

Northpointe Community Church

Events Calendar Pro

[John]

I noticed that on your products page there is an example of a site with a photo above the calendar. How was this done? This is what we are trying to achieve. The page is so plain as is. There must be a way to do this. Thanks.

[John]

Hello Josh,

Yes, the page builder is on the edit screen. You can either use the default editor or load the page builder. I created a template in the page builder that I use for each section and that’s what I want to slot the calendar into.

The shortcode you gave me did work but it gives me a totally different looking basic calendar. We bought the Events calendar Pro and the Filter bar and want to be able to use all that. Is there a short code for the calendar I’m using as on this page:

http://stfrncis.com/calendar/

The other thing is that it’s very plain. I would have thought there would be different templates to choose from (different colors, styles, etc) rather than just this one template that you have to customize yourself with css. Am I missing something? Are there other template with the Pro version?

Thanks for your help.

[John]

Hi Josh,

Thanks for getting back to me. The site is still in development on a temporary domain so it’s not finished. You may have looked at pages that were not built yet? All the pages will have the banner photo and heading bar just below it as on the subscribe page and that is how I would like the events calendar page to look as well.

The header and banner etc are all added via the template Divi and it’s page builder tool. Is this a questions for the builders over at Elegant Themes who made Divi or is this something you can help me with do you think?

Thanks.

[John]

Thanks that worked! 🙂

[Author]

Posts