Tagged: Event calendar
-
AuthorPosts
-
January 17, 2017 at 10:50 pm #735017
Hi!
I am having trouble finding where/how I can change the layout of the left event details box (meta bar?) on a single event page, using The Events Calendar with the Enfold theme.
I basically would like this box to be single column, not 2 columns, with “Details”, “Venue” and “Organizer” all one after the other.
Next, how can I then make the entire av-single-event-meta-bar more narrow to match the width of the new single column? My client has very long event descriptions and feels that we are left with too much white space down the page underneath the meta box. Can you point me in the right direction please?Finally, ideally we would prefer for this details box to appear above the event content on mobile also instead of it being at the end of the page even after Related Events as it is now.
Any assistance is appreciated. Thanks!!
January 18, 2017 at 7:49 am #735167Hey inTandem,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardJanuary 18, 2017 at 11:17 am #735242Sure. It’s in the private content.
January 22, 2017 at 9:58 am #736923Hi!
Please edit the config-events-calendar > views > single-event.php file, look for these block of codes.
<div class='av-single-event-meta-bar'> <div class='av-single-event-meta-bar-inner'> <!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php /** * The tribe_events_single_event_meta() function has been deprecated and has been * left in place only to help customers with existing meta factory customizations * to transition: if you are one of those users, please review the new meta templates * and make the switch! */ if ( ! apply_filters( 'tribe_events_single_event_meta_legacy_mode', false ) ) tribe_get_template_part( 'modules/meta' ); else echo tribe_events_single_event_meta() ?> <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?> </div> </div>
You can move it inside the av-single-event-content container. This line:
<div class='av-single-event-content'>
Cheers!
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.