Changing title and heading of events page

[Tommy]

Hi,

We are looking to change the default heading and background image of our header on events/ page. How can we do that?
The black background doesn’t look good. http://screencast.com/t/miVJzoCtx
We could have updated the image and heading from Pages section, but when we search there is no page with name events/ or any template. How can we fix this?

Thanks!

[George]

Hey Tommy!

This is unfortunately a theme- and site-specific customization question, which we do not support here on the forums, but we’re happy to help with some general advice to get you started 🙂

My first recommendation would be to check out a tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They’re all free tools and make customizing things on your site much easier.

As a quick example to help get you started, try adding some custom CSS like the following to the bottom of your theme’s style.css file:

.events-list #Header,
.events-list #Subheader {
    background: #cc9900;
}

This #cc9900 color is a sort of orange color just for demo purposes, but you can obviously change this to whatever you need. Here’s how the above code looks on your site → https://cloudup.com/cVayRwEL1NG

Take these principles and play around with them on your site, you can customize colors and background images and just about anything else with CSS!

Best of luck with your site!
George

[Tommy]

Hi George,

Thank you for such a detailed and helpful response. My designers actually guided me to the same direction i.e. change the CSS for header background. But my main reason of getting in touch with you was to ask if there is any way to have a special background for events/ page only? Because if we apply it on CSS, it will be applied on all new pages (where featured image is not set). How can we set a specific image only on events page header?

Thanks!

[Tommy]

Hi George,

One more thing, how can we change the page title and heading of the page “Upcoming events?

Thanks

[George]

Hi Tommy,

Glad to hear about progress with the CSS stuff – as for custom header images, this is something happening within your theme, so you’d have to dive into your theme itself and basically make another version of the existing background-image generation that generates a different image if the page is an events page.

You can use any of the conditional tags listed here to determine if you are, in fact, on an events page, which should help immensely with this customization → https://gist.github.com/jo-snips/2415009

As for changing that “Upcoming Events” title, the only way to do this without editing core plugin code directly is to use the filter tribe_get_events_title(). Here’s a quick demo of using that filter:

add_filter( 'tribe_get_events_title', 'example_title_customization' );

function example_title_customization( $title ) {
	$title = 'Enter your new custom title here! :)';
	return $title;
}

I hope this 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