Home Home Demo Setup EventPro Demo for ListingProWP With Elementor

For Elementor Page Builder Users

We are going to make the below sections with different page builder elements.

Section 01

Eventpro1

Section Title: Upcoming Events

Page builder Element: Event Posts Element

For this, we need Event Posts Element

Please go to your WordPress admin dashboard. Edit your desired page with Elementor page builder and create a new section and then follow the below steps

Section setting

  • Create a section and then edit the section
  • Click on the Advanced tab > and set these properties
  • Margin-Top: 85px

Step 1: Add Event Posts Element

 

___________________________________________________________________________________________________________________________________

Section 02

Eventpro2

 

Section Title: Experiences to Explore 

Page builder Element: Event Types Element

For this, we need Event Types Element

Section setting

  • Create a section and then edit the section
  • Click on the Style tab > and set these properties
  • Background: Normal
  • Background Type: Classic
  • Color: #EFF8FF
  • Click on the Advanced tab > and set these properties
  • Padding-Top: 90px

Step 1: Add Event Types Element

______________________________________________________________________________________________________________________________________

Section 03

Eventpro3

 

Section Title: Upcoming Events Calender 

Page builder Element: Events Calendar Element

For this, we need Heading + Text Editor and Events Calendar Element

Step 1: Add Heading Element

  • Change the text to <h2>Upcoming Events Calendar</h2>
  • Align center
  • Go to the Style tab > Change the text color to black
  • Click on Typography and set these properties. 
  • Font Family: Roboto
  • Font weight: 600px

Step 2: Add Text Editor Element

  • Change the text to Checkout all the upcoming events in the list view and map view. For Calendar View Click Here.
  • Go to Style tab > and align it to center text color #7A7A7A
  • Click on Typography and set these properties
  • Font Family: Roboto
  • Font weight: 400px

Step 3: Add Events Calendar  Element

  • Event View: List 
  • Events Per Page: 5

______________________________________________________________________________________________________________________________________

Section 04

eventpro4

Section Title: Top Destination

Page builder Element: Events Calendar Element

For this, we need Events Locations Element

Step 1: Add Events Locations  Element

______________________________________________________________________________________________________________________________________

Section 05

eventpro5

Section Title: Explore Groups 

Page builder Element: Group Posts Element

For this, we need HTML and Group Posts Element

Step 1: Add HTML Element

  • Change the text to <div class=”ep-section-title-container row”><div class=”col-md-12″><h2>Explore Groups </h2><p class=”ep-sub-title col-md-6″>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p></div></div>

Step 2: Add Group Posts  Element

  • Events Per Page: 3

______________________________________________________________________________________________________________________________________

Section 06

eventpro6

 

Element Title: Explore the World

Page builder Element: Event Posts Element

For this, we need Event Posts Element

Step 1: Add Event Posts  Element in the new Section

  • Edit the Element and set the below properties.
  • Event post Title: Explore the World
  • Types of Events: All Events

______________________________________________________________________________________________________________________________________

Congratulations! 

You have created your EventPro Home Page Demo with Elementor Successfully