Event Calendar Image & Event Name At Top now showing correctly

[Loren]

Hi there!

We are using your Events Calendar plug-in which we upgraded to PRO (so we have support). There are a couple glitches we could use help with.

The first is the Calendar page
http://wcg.dreamhosters.com/events/

It Always displays the image from the last event at the top. We don’t want ANY image on top of this page. Worse than that it also shows the last event’s name at top of page and it should just say “Events”

It does that on the theme demo too (http://cohhe.com/demo/environmental/events/)

Are you able to give us a hand with this?

Thanks!

[George]

Hey Loren,

We unfortunately do not support themes here, or any software that isn’t our own.

But, if you’re talking about the big full-width image behind the event content that fills up the header area of the sitem this is fortunately a small thing to tweak so I’m glad to help! Here’s a screenshot of what I’m talking about, based on the “Theme Demo” link you provided, because http://wcg.dreamhosters.com/events/ required a log-in to see → https://cloudup.com/c95atHz2uyv.

You can hide that image by adding CSS like the following to the bottom of your theme’s style.css file:

body.custom-background {
background-image: none !important;
}

If you only want to hide it on Events pages, but leave it on non-Events pages, then just specify events pages in that code above by adding an extra class name like this:


body.custom-background.events-archive,
body.custom-background.type-tribe_events,
body.custom-background.single-tribe_events {
background-image: none !important;
}


If you want to then change the remaining background color, just add a background color rule, like this:


body.custom-background.events-archive,
body.custom-background.type-tribe_events,
body.custom-background.single-tribe_events {
background-image: none !important;
background: black !important;
}


For further CSS customization, check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome, or contact your theme developer for more assistance.

I hope this helps!
George

[Loren]

Thanks George,

We switched the template in the plugin settings to the Default Events Template. Where is that template that we can edit it? Using that template seems to solve most of our issues.

[George]

Hey Loren,

If you have selected the Default Events Template, the plugin will use the /wp-content/plugins/the-events-calendar/src/views/default-template.php template file for the display. You can override and edit this by making a copy and placing it in a /tribe-events folder in your theme.

[Loren]

Thanks George,

Last question – we want to change the word ‘Date’ under ‘Events In’ to ‘Choose’. We’ve searched everywhere in the src folder and can’t find that text. Where the heck is it? 🙂

[George]

Hey Loren,

What “Events in:” text do you mean, specifically? Can you share a screenshot of this exact text on your site?

I think you mean the Date filter itself → https://cloudup.com/cSMADnhevux

Although this would mean that it reads “Events in Choose” instead of “Events in Date”.

Is this correct?

Unfortunately, this requires some JavaScript to reliably change from your theme or something. You’ll have to add PHP like the following to your theme’s functions.php file:

add_action( 'wp_footer', 'tribe991790_modify_date_filter_text', 50 );

function tribe991790_modify_date_filter_text() {
if ( ! wp_script_is( 'enqueued', 'jquery' ) ) {
wp_enqueue_script( 'jquery' );
}
?>
<script>
if ( jQuery( '#tribe-bar-dates #tribe-bar-date' ).length ) {
jQuery( '#tribe-bar-dates #tribe-bar-date' ).attr( 'placeholder', 'Choose' );
}
</script>
<?php

}

Try this out and modify it to your needs, I hope it helps!

Cheers,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts