Support

September 10, 2014 at 3:42 am

Hi,

Regarding the styling, you would use CSS to change the looks. The CSS can be added to your themes style.css file (theme updates will over write theses changes), a custom styles section in your theme options, a child themes style.css or a plugin such as My Custom CSS.

Personally I would go with My Custom CSS, it’s easy to use.

If for example you use the shortcode

[ESPRESSO_EVENTS css_class=”my-custom-class”]

Adding CSS like this

.my-custom-class {
background-color: #eee;
padding: 20px;
border-radius: 20px;
border: #666 thin dashed !important;
}

would result in an event list styled like this: http://take.ms/fU9ZY

Regarding the individual events, these wont use the my-custom-css class, you could however use something like this:

.single-espresso_events article {
background-color: #eee;
padding: 20px;
border-radius: 20px;
border: #666 thin dashed !important;
}

Regarding pulling venue information in, that does get more complicated as you’re venturing into template modifications and object orientated PHP.

This list of template tags may help https://eventespresso.com/wiki/ee4-themes-templates/

September 10, 2014 at 5:49 am

Hi,

The events and venues are separate (both custom post types). They are linked via a database table called esp_event_venue.

However, the tags I listed above can be used.

For example if in your loop you added

it would echo the venue name associated with that event.

Here’s a basic loop that outputs event names and the venue name: http://pastebin.com/neqpX0k3

It’s quite rough but might get you along the right track.

September 10, 2014 at 8:42 am

Hi Christopher,

Please give this a try:

https://eventespresso.com/topic/change-event-layout-page-is-there-an-easier-way/#post-113655

Here are some other resources:

https://eventespresso.com/2014/02/developers-corner-theming-event-espresso-4/

—
Lorenzo