Home › Home › Demo Setup › EventPro Demo for ListingProWP With WPbakery....

For WPBakery Page Builder Users

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

Section 01

Section Title:  Upcoming Events

Page Builder Element: Event Posts

For this, we need the Event Posts Element

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

Step 1:     Add Event Posts Element

  1. Events Type: Upcoming Events

__________________________________________________________________________________________________________________________

Section 02

Section Title:  Experiences to Explore

Page Builder Element: Event categories

For this, we need the Event Categories Element

Step 1:   Add Event Categories Element

  1. Select your desired Categories

Step 2:   Edit the row and set the below properties

  1. Row Type: Full Width- Center content
  2. Background Color: #EFF8FF

 

__________________________________________________________________________________________________________________________

Section 03

 

Section Title:  Top Destination

Page Builder Element: Event Locations

For this, we need the Event Locations Element

Step 1:        Add Event Locations Element        

  1. Select your desired Locations

__________________________________________________________________________________________________________________________

Section 04

 

Section Title:  Explore Groups

Page Builder Element: Group Posts

For this, we need the HTML and Group Posts Elements

Step 1:   Add RAW HTML Element

  1. Add the below code to this Element
<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:    Create a new Row and add the Group Posts  Element section

  1. Events Per Page: 3
  2. Edit the Column and go to Design Options
    • Margin-top: 40px
    • Margin-Bottom: 40px

 

__________________________________________________________________________________________________________________________

Section 05

Section Title:  Explore the World

Page Builder Element: Event Posts

For this, we need the HTML and Group Posts Elements

Step 2:        Add the Event Posts  Element in the new section

  1. Select event type: All events

__________________________________________________________________________________________________________________________

 

Congratulations!

You have created your EventPro with WPBakery Successfully