Support

Home Forums Event Espresso Premium Event Featured Image

Event Featured Image

Posted: February 25, 2014 at 5:29 pm

Viewing 6 reply threads


moochers bars

February 25, 2014 at 5:29 pm

Having trawled the forums, it’s pretty clear that when using EE3, you can only apply an event featured image to the list of all events AND that particular event’s details page. Does that mean there is no way in code of distinguishing which of the two (very different) layouts is being served up? (I’m a novice with WordPress).

Will EE4 sort this?


Tony

  • Support Staff

February 26, 2014 at 4:05 am

Hi,

Event Espresso 3 does not use true custom post types (CPT’s) for events and therefor feature images are handled differently than how you would have a normal ‘Post’ feature image within WordPress.

That said (depending on your setup) the two layouts mentioned use different templates within EE and can therefor be styled differently.

May I ask what your are trying to achieve?


moochers bars

February 27, 2014 at 2:06 am

We’re using full column width images in each event page for clarity on mobile, but we’d like to show small thumbnails next to each event in the list of ALL events. Could you tell me which template is used for the list layout and which is used for the single event layout. Having examined the relevant pages and the forum, the only clear reference I could see is “.ee-featured-image” which is only used in CSS and is used in both layouts.


Dean

February 27, 2014 at 4:28 am

Hi,

The event_list.php and event_list_display.php files are used for the Event List and the registration_page.php and registration_page_display.php files are used for individual events.

You can target the same class but on different pages but using the containing wrappers id or class.

Eg on the event list you can target the image with

#event_content .ee-featured-image {
/* code goes here */
}

and the single events with

#event_espresso_registration_form .ee-featured-image {
/* code goes here */
}

to target ALL of them, just use

.ee-featured-image {
/* code goes here */
}

You may also want to consider using media queries to change the image size for different device sizes – http://css-tricks.com/snippets/css/media-queries-for-standard-devices/


moochers bars

February 27, 2014 at 6:07 am

I’ll give it a got. We’re using a tweeked version of the 2013 responsive theme, so the images placed into each event text area scale fine already.


Dean

February 28, 2014 at 4:37 am

Please let me know how you get on with it.


Dean

February 28, 2014 at 4:37 am

Please let me know how you get on with it.

Viewing 6 reply threads

The support post ‘Event Featured Image’ 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