Home Forums Event Espresso Premium EE4 Change Event Page Layout

EE4 Change Event Page Layout

Posted: April 30, 2014 at 9:22 pm

David Stainbrook

April 30, 2014 at 9:22 pm

How to adjust and change the event page layout?

I would like to move the venue detail to the right of the event date(s) and times.

How can i do this?


May 1, 2014 at 7:17 am

Hi David,

There are two ways to do this.

Firstly, you could create a custom template. There is a guide to do this but it does require PHP knowledge.

Secondly you could use CSS. For instance:

div.event-datetimes {
width: 48%;
float: left;

div.espresso-venue-dv {
width: 48%;
float: left;

.event-venues-h3 {
width: 48%;
display: inline;

This will make the two sections 48% wide and bring them side by side.

The support post ‘EE4 Change Event Page 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Dean 5 years, 9 months ago ago

Topic Tags


This topic is: not resolved
Do NOT follow this link or you will be banned from the site!