Need help aligning page headings and filters

[Margie Wachtel]

This page that we created with CalendarPRO does not look attractive at the top. There is a lot of white space, and things not aligned well.
http://www.familiesfirstseacoast.org/calendar/month/?tribe_eventcategory=33

I would like the heading “Events for November 2016” to be centered at the very top of the page, and then the “Narrow Results” and “View As” segments aligned with each other below that.

Can you tell me how to do this? Thank you.

[Josh]

Hey Margie,

Thanks for reaching out to us!

As a starting point, try adding the following to your theme’s functions.php file to move the filters to below the title:

https://gist.github.com/BeardedGinger/b2eacbe5c0b218514788e5197ebd7956

From there you can do some CSS refinements to for the layout that you’re looking for.

Let me know if this helps.

Thanks!

[Margie Wachtel]

OK, we added that code to functions.php and now we have 2 of the “Narrow Results” sections and the one that is where we want it to be (the second one) doesn’t work.

http://www.familiesfirstseacoast.org/calendar/month/?tribe_eventcategory=33

[Margie Wachtel]

We were able to create some code that works. Thank you.

add_action( ‘wp_enqueue_scripts’, ‘removeTribeFilterBarDefaultDisplay’, 50 );
function removeTribeFilterBarDefaultDisplay() {
$filterClass = TribeEventsFilterView::instance();
remove_action(‘tribe_events_before_template’, array($filterClass, ‘displaySidebar’), 25);

add_action( ‘tribe_events_after_the_title’ , array($filterClass, ‘displaySidebar’ ), 25 );
}

[Josh]

Hey Margie,

Awesome! I’m glad you were able to get this working.

I’ll go ahead and close this thread for now. If you have any further questions, please don’t hesitate to open a new one.

Thanks!

[Author]

Posts