Events Calendar Pro Adding A Sidebar

I’ve also tried to edit the Enfold > Config-Events-Calendar > Views > single-events.php but couldnt get that to work either

Instead I went a different route and disabled Enfold from overriding the Plugin with this and like magic I was able to use the Pages sidebar

//remove Events Calendar override

add_action('after_setup_theme', 'ava_disable_events_mod', 50);
function ava_disable_events_mod() {
	$tec = Tribe__Events__Pro__Main::instance();
	
	remove_action('wp_enqueue_scripts', 'avia_events_register_assets',15);
	remove_action('tribe_events_template', 'avia_events_tempalte_paths', 10, 2);
	remove_action('option_tribe_events_calendar_options', 'avia_events_perma_options', 10);
	remove_action('tribe_general_settings_tab_fields', 'avia_events_general_tab', 10);
	remove_action('tribe_display_settings_tab_fields', 'avia_events_display_tab', 10);
	remove_action( 'tribe_events_cost_table', 'avia_events_upsell', 10);
	remove_action( 'avia_post_nav_entries', 'avia_events_custom_post_nav', 10);
	remove_filter('avia_breadcrumbs_trail','avia_events_breadcrumb');
	remove_action( 'tribe_events_before_the_event_title', 'avia_events_content_wrap', 10);
	remove_action( 'tribe_events_after_the_event_title', 'avia_events_open_outer_wrap', 10);
	remove_action( 'tribe_events_after_the_meta', 'avia_events_open_inner_wrap', 10);
	remove_action( 'tribe_events_after_the_content', 'avia_events_close_div', 1000);
	remove_action( 'tribe_events_after_the_content', 'avia_events_close_div', 1001);
	remove_action( 'tribe_events_after_the_content', 'avia_events_close_div', 1003);
	remove_action( 'tribe_events_single_event_after_the_content', array( $tec, 'register_related_events_view' ) );
}

Will post an update on here once I have a chance ti style it and see if there are any issues.

Thanks Ismael.

Had tried that method and just switched back to it, but am still having 3 small issues with it I can’t seem to fix.
I have tried CSS and PHP edits but couldn’t fix these until I overrode Enfold to use the Plugin Defaults.

1. How can I enable the sidebar on the main Events Page?
http://www.itsgreektomemn.com/events/

2. How can I remove the search bar on the main Events Page?

3. How do I prevent the weird stacking that happens on the Past Events page?
It seems to try to load the masonary containers before the images are loaded and sets them at 150px tall.
After it loads and you refresh the page they load correctly, but the intial load is messed up.
http://www.itsgreektomemn.com/events/?action=tribe_photo&tribe_paged=1&tribe_event_display=past

Jon

• This reply was modified 7 years, 8 months ago by millertimesites.

Ismael,

Thank you.

1. That worked great, however, the CSS has a conflict I can’t figure out
Both of these are required to get the side bar to show up on the Main Malendar page plus the Single Events pages and they do work individually, however, when I use both it looks weird and takes up 80% x 2 it seems.

#top #tribe-events-pg-template {
    width: 80%;
    float: right;
    padding-left: 50px;
}

#tribe-events-content {
    width: 80%;
    float: right;
    padding-left: 50px;
}

2. Didn’t work to hide the search bar unfortunately even with !important; on the end

3. Looks like it was fixed tonight by an update of the plugin to version 4.44 and was an issue on their end

Hello,

1. That didn’t quite work either.
It worked on the Main Calendar and Previous Event pages
http://www.itsgreektomemn.com/events/

but did not work for the Single Events pages
http://www.itsgreektomemn.com/events/wine-wednesdays/2017-03-15/

When I sub in #tribe-events-content it does the opposite and when I do both it gets messed up.

2. Here is a screenshot. The CSS you provided got rid of the white box for Keyword Search, but I want to disable the entire horizontal Events Bar

Thanks a ton,
Jon

Thanks a ton, it is only the sidebar that is hung up still.
I am not sure what you meant by “Retain the modification for the single events page.”

When I use that code it adds the spacing and sidebar to the Main Calendar page, but adds no spacing or sidebar to the Single Events
Single Event: http://www.itsgreektomemn.com/events/wine-wednesdays/2017-03-15/
Main Page: http://www.itsgreektomemn.com/events/

#tribe-events-content-wrapper {
    width: 80%;
    float: left;
    padding-right: 50px;
}

When I take off -wrapper from the code it adds the spacing and sidebar to the Single Events pages, but on the Main Calendar page is does only the spacing with no sidebar visible

#tribe-events-content {
    width: 80%;
    float: left;
    padding-right: 50px;
}

If I use both in the CSS at the same time it add the sidebar to both, but really messes up the Main Calendar page alignment

Thanks
Jon

Thanks, those do work great for each type of page by themselves
However, when I apply the CSS for both the Main Events page & Single Events pages it mess with the container size on the Main Events

I have included screenshots of the Main Events Page under all 3 conditions:

With only Main Events CSS

With only Single Events CSS

With Main Events & Single Events CSS

Ismael,

That worked like magic!

Thanks
Jon

I think I am good to go now, thanks for the help.

If have have other related questions I will open a new thread.

Jon