Single Event Separate Page

  • Resolved misticjeff

    (@misticjeff)


    1 year, 4 months ago

    Hoping that @joneiseman can assist here. I’ll try to keep this short.

    When I click on my Events Page there is the default Grid with 12 events listed. If I click on a random event, i’m taken to that event on a single page and it looks fantastic. In fact i’ve done a little modding of the template in the Settings > Formatting > Events > Single Events Page.

    Now, i’d like to create a new event but display it on it’s own page (via shortcode, not clicking through the main events grid) and have it look exactly like I clicked on it from the main events grid. To date, I cannot get it to work. I get the event but the formatting is all wonky, the featured image enormous, etc. Here’s the shortcode i placed on a separate page:

    [event page_id="1234"]
Viewing 2 replies - 1 through 2 (of 2 total)

  • The problem is that on the single event page the html for the single event is inside the following “<div>” block:

    <div class="em pixelbones em-item em-item-single em-event em-event-single">

    While it is not inside this “div” block on the page with the shortcode. This causes different css rules to be selected. To fix this add the following code snippet:

    add_filter( 'em_event_output_single', function( $output ) {
     return '<div class="em pixelbones em-item em-item-single em-event em-event-single">' . $output . '</div>';
} );

    You can add this code snippet using the Code Snippets plugin.

    Thread Starter misticjeff

    (@misticjeff)

    Always a star! Thanks as Always!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Single Event Separate Page’ is closed to new replies.