Support

Home Forums Event Espresso Premium event layout

event layout

Posted: December 12, 2017 at 6:03 pm


qtwebhost

December 12, 2017 at 6:03 pm

How do I obtain a layout similar to this?

http://demoee.org/use-cases/events/conference-superconf-2017/

How do you get the image and text before the event listing?
The borders around the listings, then when you open it. How do you get the sale dates to be on two lines like that?


Josh

  • Support Staff

December 12, 2017 at 6:32 pm

Hi qtwebhost,

The demo there is using the twentysixteen WordPress theme. You’ll get the same layout and styling if you download and activate that theme. The borders, table layout, and styling that you’re asking about are all controlled by the theme in this case.

The image is set as the event’s featured image, and the twenty sixteen theme just outputs it at the top of the event post. Then, to get the text before the event listing, you can go to Event Espresso > Events > Templates and change the “Use Custom Display Order” option to Yes. Then you drag the Event Description to the top of the ordered list. The settings will look like this:

https://slack-files.com/T02SY781D-F8ELDVD38-a9b82ba300


qtwebhost

December 13, 2017 at 1:04 pm

Ok, what if I’m using a different theme? Are you saying that any theme will dictate the layout of that area??


qtwebhost

December 13, 2017 at 1:17 pm

I added the image as the events featured image but don’t see it anywhere. I also don’t see any content at all on this page. And the page where you choose the number of tickets doesn’t show any of my description or image.

http://66.39.36.122/events/gulke-group-2018-winter-conference/


Josh

  • Support Staff

December 13, 2017 at 1:20 pm

I’m saying the theme controls not only the layout but also the styling (like border styles). Beyond the basic “Display Order” options included in Event Espresso, EE adds a bit of styling but generally the role of styling and layouts belongs to the theme.

If you’re using a different theme and want to make that theme look more like another theme then it’s possible to modify the theme by adding some custom CSS.


qtwebhost

December 13, 2017 at 1:58 pm

gotcha, do you know why the content doesn’t appear on that page and the image isn’t appearing anywhere?


Josh

  • Support Staff

December 13, 2017 at 2:08 pm

Quite likely the theme has some code that’s preventing the content from displaying, and the theme doesn’t include the code to display the featured image.

If you temporarily preview one of the twenty* themes by clicking on the Customize link at the top of the page, does the content begin to display?


qtwebhost

December 14, 2017 at 2:01 pm

yes, when i try 26 theme the content appears, uggh. That’s not good.


Josh

  • Support Staff

December 14, 2017 at 2:36 pm

While they’ve made some improvements, there are still some themes available from Themeforest that were not coded very well. If there’s a way we can download a copy of the theme that’s installed on the site we can point you in the direction on how to at least get the basic content to display on the page. It won’t look exactly like twentysixteen but the content will display.


qtwebhost

December 14, 2017 at 4:56 pm

http://www.gulkegroup.com/wp-content/uploads/espresso/pearl.zip


qtwebhost

December 14, 2017 at 5:35 pm

Click this link.

http://www.gulkegroup.com/wp-content/uploads/espresso/pearl.zip


Josh

  • Support Staff

December 15, 2017 at 8:22 am

Hi there,

This is a very interesting theme in that it doesn’t seem like the author of the theme author planned on the users of the theme installing plugins that add custom post types.

Here’s how to fix this oversight:

1) Open up the child theme folder and add a partials folder
2) Open the partials folder and add a content folder; You should now have this directory structure: wp-content/themes/pearl-child/partials/content/
3) Copy the single.php file from the parent theme’s /partials/content/ folder into your child theme’s /partials/content folder
4) Open the new file in an editor, and look for this block of code starting on line 16:

/*If attachment - like post*/
if($post_type == 'attachment') {
	$post_type = 'post';
	$sidebar_position = 'full';
}

5) Add this code after the above:

$ee_post_types = array(
    'espresso_events', 
    'espresso_venues', 
    'espresso_people',
    // add other custom post types you might use here
);
if(in_array($post_type, $ee_post_types)) {
    $post_type = 'post';
    $sidebar_position = 'full';
}

6) Save the changes. You should now see content on the Event Espresso event pages now.
7) Contact the theme author and ask them to fix their theme to allow displaying custom post types. The above steps shouldn’t be necessary.


qtwebhost

December 15, 2017 at 10:02 am

That works and I contacted the developer of the theme about the issue and what you mentioned to fix. thank you!

The support post ‘event layout’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso