CBDPro 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: Featured In

Page Builder Element: CBDPRO Partners

For this, we need CBDPRO Partners and CBDPRO Single Logo 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 CBDPRO Partners Element

Step 2:  Append the new Element CBDPRO Single Element Logo

  1. Add your logo in the image section

Step 3: Edit the row and set the below properties.

  1. Row Title: Featured In

Step 4: Click on the settings icon and add the below CSS in custom CSS

          #page{
          background:#F1F3F8;
               }

__________________________________________________________________________________________________________________________

Section 02

Section Title: Discover CBD Stores & Dispensaries In Your State

Page Builder Element: CBDPRO Locations

For this, we need CBDPRO Locations Element

Step 1: Add CBDPRO Locations Element

  1. Select your desired Locations
  2. Style: Name Only

Step 2:  Edit the Row and set the below properties.

  1. Row Title: Discover CBD Stores & Dispensaries In Your State
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 03

Section Title: Featured Dispensaries

Page Builder Element: CBDPRO Listing Posts

For this, we need CBDPRO Listing Posts Element

Step 1:  Add CBDPRO Listing Posts Element

Step 2:  Edit the row and set the below properties.

  1. Row Title: Featured Dispensaries
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 04

Section Title: Browse CBD Businesses By Category

Page Builder Element: CBDPRO Categories

For this, we need CBDPRO Categories Element

Step 1:  Add CBDPRO Categories Element

  1. Select your desired Categories   

Step 2: Edit the row and set the below properties.

  1. Row Title: Browse CBD Businesses By Category
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 05

 

Section Title: Recently Added Dispensaries

Page Builder Element: CBDPRO Listing Posts

For this, we need CBDPRO Listing Posts Element

Step 1:  Add CBDPRO Listing Posts Element

  1. Listing Type: Recent Listing

Step 2:  Edit the row and set the below properties.

  1. Row Title: Recently Added Dispensaries
  2. Row Description: Popular Exclusive Listings In Our Directory

 

__________________________________________________________________________________________________________________________

Section 06

Section Title: Most Popular Destinations

Page Builder Element: CBDPRO Locations

For this, we need CBDPRO Locations Element

Step 1: Add CBDPRO Locations Element

  1. Select your desired Locations

Step 2:  Edit the row and set the below properties.

  1. Row Title: Most Popular Destinations
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 07

Section Title: Testimonials

Page Builder Element: CBDPRO Activities

For this, we need CBDPRO Activities Element

Step 1: Add CBDPRO Activities Element

  1. Activities to Show: 3

Step 2:  Edit the row and set the below properties.

  1. Row Title: Testimonials
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 08

Section Title: See How it Works

Page Builder Element: CBDPRO Column

For this, we need CBDPRO Column Element

Step 1:   Add CBDPRO Column Element

Step 2:  Edit the row and set the below properties.

  1. Row Title: See How it Works
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 09

Section Title: Our Blog & Latest CBD News

Page Builder Element: CBDPRO Blog

For this, we need CBDPRO Blog Element

Step 1:  Add CBDPRO Blog Element

Step 2:  Edit the row and set the below properties.

  1. Row Title: Our Blog & Latest CBD News
  2. Row Description: Popular Exclusive Listings In Our Directory

__________________________________________________________________________________________________________________________

Section 10

Section Title: Our Famous Partners

Page Builder Element: CBDPRO Partners

For this, we need CBDPRO Partners and CBDPRO Single Partner Logo Elements

Step 1: Add CBDPRO Partners Element

Step 2: Append the new Element CBDPRO Single Element Logo

  1. Add your logo in the image section

Step 3: Edit the row and set the below properties.

  1. Row Title: Featured In
  2. Row Type: Full-width content

Step 4: Click on the settings icon and add the below CSS in custom CSS

          #page{

          background:#3b7e00;

           }

__________________________________________________________________________________________________________________________

 

Congratulations!

You have created your CBDPRO with WPbakery successfully

BlackPro 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:  Top Business Providers

Page Builder Element: BPRO Listing Posts

For this, we need BPRO Listing 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 BPRO Listing Posts Element

  1. Show listings: 3
  2. Listings Type: Ads Listings

Step 2:  Edit the row and set the below properties.

  1. Row Title: Top Business Providers
  2. Row Description: Popular Exclusive Listings In Our Directory
  3. Title line Background Color: #1a1b1b
  4. Row Type: Full Width- Center content
  5. Extra Class Name: Margin-top-20

__________________________________________________________________________________________________________________________

Section 02

Section Title:  Discover Gulf Coast Black Businesses

Page Builder Element: BPRO Categories Element

For this, we need BPRO Categories Element

Step 1:   Add BPRO Categories Element

  1. Select your desired Categories 

Step 2:  Edit the row and set the below properties.

  1. Row Title: Discover Gulf Coast Black Businesses
  2. Row Description: Successful Black-Owned Businesses exist up and down our great gulf coast. Check out a few in a city near you!
  3. Title line Background Color: #1a1b1b
  4. Row Type: Full Width- Center content
  5. Background Color: #fbf5e8

__________________________________________________________________________________________________________________________

Section 03

Section Title:  Why to CHOOSE Us

Page Builder Element: BPRO Columns

For this, we need BPRO Columns Element

Step 1:  Add BPRO Columns Element

Step 2:  Edit the row and set the below properties.

  1. Row Title: Why to Choose Us
  2. Row Description: checkout the latest news and articles from our blog
  3. Row Type: Full Width- Center content
  4. Background Color: #fffcf7

__________________________________________________________________________________________________________________________

Section 04

Section Title:  Customer Testimonials

Page Builder Element: BPRO Activities

For this, we need the BPRO Activities Element

Step 1:  Add BPRO Activities Element

Step 2:  Edit the Column go to design options and set the below properties.

  1. Margin-top: 40px
  2. Margin-bottom: 40px

__________________________________________________________________________________________________________________________

Section 05

Section Title:  Latest News Articles

Page Builder Element: BPRO Blogs

For this, we need BPRO Blogs Element

Step 1:  Add BPRO Blogs Element

Step 2:  Edit the row and set the below properties.

  1. Row Title: Latest News Articles
  2. Row Type: Full Width- Center content

__________________________________________________________________________________________________________________________

Section 06

Section Title:  Our Famous Partners

Page Builder Element: BPRO Partner

For this, we need BPRO LParnter and BRO Single Logo Element.

Step 1: Add BPRO Partners Element

Step 2: Append the new Element BPRO Single Element Logo

  1. Add your logo in the image section

Step 3: Edit the row and set the below properties.

  1. Row Title: OUR FAMOUS PARTNERS
  2. Title Color: #ffffff
  3. Row Type: Full Width- Center content
  4. Backgrund Color: #dfba69

__________________________________________________________________________________________________________________________

Congratulations!

You have created your BlackPro with WPbakery successfully

MedicalPro 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

Section Title: OUR PARTNERS FOR HEALTH

Page Builder Element: MedicalPro Partners

For this, we need Heading and MedicalPro Partners Elements

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

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #465BE0

Step 1: Add Heading Element

  1. Change the text to  OUR PARTNERS FOR HEALTH
  2. Align: Center
  3. Go to the Style tab and change the text color to #FFFFFF
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
  5. Click on the Advanced tab and set the Margin-Top: 60px

Step 2:  Add the MedicalPro Partners Element in the same section

  1. Add your partner’s logo and if you want to add more then click on add new items or click on the copy icon.
  2. Click on the Advanced tab and set the Margin-Bottom: 20px

__________________________________________________________________________________________________________________________

Section 02

Section Title: SOME OF OUR MOST VISITED DOCTORS

Page Builder Element: MedicalPro Listings

For this, we need Heading and MedicalPro Listings Elements

Step 1: Add Heading Element

  1. Change the text to  SOME OF OUR MOST VISITED DOCTORS
  2. Align: Center
  3. Go to the Style tab and change the text color to #000000
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
    • Line Height: 24
  5. Click on the Advanced tab and set the Margin-Top: 60px

Step 2:  Add the MedicalPro Listings Element in the same section

  1. Select posts per page: 15 posts

__________________________________________________________________________________________________________________________

Section 03

 

Section Title: FIND THE TOP DOCTORS BY SPECIALTY, CONDITION, PROCEDURE, OR LOCATION

Page Builder Element: MedicalPro Taxonomies List

For this, we need Heading and MedicalPro Taxonomies List Elements

Step 1: Add Heading Element

  1. Change the text to:  FIND THE TOP DOCTORS BY SPECIALTY, CONDITION, PROCEDURE, OR LOCATION
  2. Align: Center
  3. Go to the Style tab and change the text color to #000000
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
    • Line Height: 24
  5. Click on the Advanced tab and set the Margin-Top: 60px

Step 2:    Add the MedicalPro Taxonomies List Element in the same section

  1. Add your desired Locations, Category, Features, and Hospitals

__________________________________________________________________________________________________________________________

Section 04

 

Section Title: SEE HOW IT WORKS

Page Builder Element: MedicalPro Content Boxes

For this, we need Heading and MedicalPro Content Boxes Elements

Step 1: Add Heading Element

  1. Change the text to  SEE HOW IT’S WORKS
  2. Align: Center
  3. Go to the Style tab and change the text color to #000000
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
    • Line Height: 24

Step 2:Add the MedicalPro Content Boxes Element in the same section        

  1. Go to the content tab, edit the field, and set the below properties.
  2. Title: Find The Right Doctor
  3. Upload content icon image: Search icon ( If missing )
  4. Icon background-color: #FFF4E1
  5. Title: Book An Appointment
  6. Upload content icon image: Calendar icon ( If missing )
  7. Icon background-color: #E7FCF9
  8. Title: Meet In Person/ Virtual
  9. Upload content icon image: Heart icon ( If missing )
  10. Icon background-color: #FEE0F6

__________________________________________________________________________________________________________________________

Section 05

 

Page Builder Element: Images

For this, we need Two Image Elements

Step 1: Add the Image Element

  1. Add the below  Rectangle image if missing from the media
  2. Click on the Advanced tab and set the Margin-Top: -100px

Step 2: Create a new section and add the image element again

  1. Add the below image in the element if missing from the media
  2. Click on the Advanced tab and set the Margin-Bottom: -20px

__________________________________________________________________________________________________________________________

Section 06

 

Section Title: DOCTOR REVIEWS

Page Builder Element: MedicalPro Activities

For this, we need Two Heading  and MedicalPro Activities Elements

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #465BE0

Step 1: Add Heading Element

  1. Change the text to DOCTOR REVIEWS
  2. Align: Center
  3. Go to the Style tab and change the text color to #FFFFFF
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
    • Line Height: 24px
  5. Click on the Advanced tab and set the Margin-Top: 60px

Step 2: Add Heading Element

  1. Change the text to SHARING YOUR EXPERIENCE CAN CONNECT SOMEONE TO THE CARE THEY NEED.
  2. HTML Tag: P
  3. Align: Center
  4. Go to the Style tab and change the text color to #FFFFFF
  5. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 13px
    • Font weight: Normal
    • Line Height: 16px

Step 2:        Add the MedicalPro Activities Element in the same section

  1. Posts per page: 4posts

__________________________________________________________________________________________________________________________

Section 07

 

Section Title: DOCTOR REVIEWS

Page Builder Element: MedicalPro Activities

For this, we need Two Heading Elements

Step 1: Create a new section with 4/4 columns

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #4357CF

Step 2: Add a heading element in 1st columns

  1. Change the text to 2,00,000 +
  2. Align: Center
  3. Go to the Style tab and change the text color to #FFFFFF
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight 700
    • Line Height: 26px
  5. Click on the Advanced tab and set the Margin-Top: 15px

Step 3: Add a Heading Element to 1st columns

  1. Change the text to Happy Patients
  2. Html tag: P
  3. Align: Center
  4. Go to the Style tab and change the text color to #FFFFFF
  5. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 13px
    • Font weight: 400
    • Line Height: 26px
  6. Click on the Advanced tab and set the Margin-bottom: 15px

Repeat this step 4 times

__________________________________________________________________________________________________________________________

Section 08

 

Section Title: Benefits of Joining Us

Page Builder Element: MedicalPro Columns

For this, we need a Heading and MedicalPro Columns Elements

Step 1: Add Heading Element

  1. Change the text to Benefits of Joining Us
  2. Align: Center
  3. Go to the Style tab and change the text color to #000000
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font Size: 20px
    • Font weight: 900
    • Line Height: 26px
  5. Click on the Advanced tab and set the Margin-bottom: 40px

Step 2: Add the MedicalPro Columns Element in the same section

  1. Add the Sidebar image from the Media if Missing
  2. Add the First, second, and third columns icons if missing

__________________________________________________________________________________________________________________________

Section 09

 

Section Title: ISO Certified

Page Builder Element: MedicalPro Facts

For this, we need MedicalPro Facts Element

Step 1:   Add the MedicalPro Facts Element in the section

  1. Add first, second, and third fact icons if missing

__________________________________________________________________________________________________________________________

Section 10

 

Section Title: AS FEATURED IN

Page Builder Element: MedicalPro Partners

 

For this, we need a Heading and MedicalPro Partners Elements

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    •  Color: #4357cf

Step 1: Add Heading Element

  1. Change the text to  AS FEATURED IN
  2. Align: Center
  3. Go to the Style tab and change the text color to #FFFFFF
  4. Click on Typography and set these properties.
    • Font Family: Lato
    • Font size: 20px
    • Font weight: Bold
  5. Click on the Advanced tab and set the Margin-Top: 60px

Step 2:  Add the MedicalPro Partners Element in the same section

  1. Add your partner’s logo and if you want to add more then click on add new items or click on the copy icon.
  2. Click on the Advanced tab > and set the Margin-Bottom: 20px

__________________________________________________________________________________________________________________________

Congratulations!

You have created your MedicalPro demo with Elementor successfully

DrivePro 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

 

Page Builder Element: DPro Partners Element

For this, we need DPro Partners Element

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

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    •  Background: Normal
    • Background Type: Classic
    • Color: #EAF0F9
    • Shape Divider: Custom
    • Type: Tilt Opacity
    • Width: 100
    • Height: 75
    • Flip: Yes
  3. Click on the Advanced tab and add Padding-Bottom: 75px

Step 1:    Add the DPro Partners Element

  1. Add your partner’s logo and if you want to add more then click on add new items or click on the copy icon.
  2.  Click on the Style tab: Uppercase
  3. Click on the Advanced tab and set these properties
    • Padding-Top: 25px
    • Padding-Bottom: 100px

__________________________________________________________________________________________________________________________

Section 02

Section Title: DRIVE BY STYLE

Page Builder Element: Listing Category

For this, we need Heading + Text Editor and Listing Category Elements

Step 1: Add Heading Element

  1. Change the text to  DRIVE BY STYLE
  2. Font: Bold
  3. Size: XXL
  4. Align: Center
  5. Go to the Style tab and change the text color to #1F2B59
  6. Click on Typography and set these properties.
    • Font Family: Abril Fatface
    • Font weight:  Bold
    • Transform: Uppercase
    • Style: Italic

Step 2: Add Text Editor

  1. Change the text to  Explore the world’s largest automotive marketplace
  2. Font: Bold
  3. Go to the Style tab and Align: Center
  4. Text color to #000000
  5. Click on Typography and set these properties.
    • Font family: Roboto
    • Font size: 18px

Step 3:   Add the Listing Category Element in the same section

  1. Category style: Boxed View 2
  2. Select your desired Categories.

__________________________________________________________________________________________________________________________

Section 03

 

Section Title: How it Works

Page Builder Element: DPro How it Works

For this, we need Heading + Text Editor and DPro How it Works Elements

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #EAF0F9
    • Shape Divider: Click on Top
    • Type: Tilt Opacity
    • Width: 100
    • Height: 75
    • Flip: Yes
    • Click on Bottom
    • Type: Fan Opacity
  3. Click on the Advanced tab and set these properties
    • Margin-Top: 50px
    • Padding-Top: 100px
    • Padding-Bottom: 150px

Step 1: Add Heading Element

  1. Change the text to  HOW IT WORKS
  2. Size: XL
  3. Html tag: H3
  4. Align: Center
  5. Go to the Style tab and change the text color to #1F2B59
  6. Click on Typography and set Font Family: Abril Fatface

Step 2: Text Editor

  1. Change the text to  If You Give People The Opportunity To Do The Right Thing, You’ll Rarely Be Disappointed
  2. Font: Bold
  3. Go to the Style tab and Align Center
  4. Change the text color to #7A7A7A
  5. Click on Typography and set the Font family: Roboto

Step 2:   Add the DPro How it Works Element in the same section

  1. Add the Step 1, step 2, and step 3 images ( If missing )

__________________________________________________________________________________________________________________________

Section 04

Section Title: Browse By

Page Builder Element: DPro Listing Taxonomies

For this, we need Heading and DPro Listing Taxonomies Elements

Section Setting

  1. Click on the Advanced tab and set the Margin-Top: 50px

Step 1: Add Heading Element

  1. Change the text to Browse By
  2. Align: Center
  3. Go to the Style tab and change the text color to #1F2B59
  4. Click on Typography and set the Font Family: Abril Fatface

Step 2:   Add the DPro Listing Taxonomies Element in the same section

  1. Select your desired Locations, Type, Make, and Experiences.

__________________________________________________________________________________________________________________________

Section 05

Section Title: Top Picks for You

Page Builder Element: Listing Posts by ID

For this, we need Heading + Text Editor and Listing Posts by ID Element

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #EAF0F9
    • Shape Divider: Click on Top
    • Type: Mountains
    • Width: 199
    • Height: 149
    • Click on Bottom
    • Type: Fan Opacity
  3. Click on the Advanced tab and set the Padding-Top: 136px

Step 1: Add Heading Element

  1. Change the text to Top Picks For You
  2. Align: Center
  3. Go to the Style tab and change the text color to #1F2B59
  4. Click on Typography and set the Font Family: Abril Fatface

Step 2: Text Editor

  1. Change the text to  If You Give People The Opportunity To Do The Right Thing, You’ll Rarely Be Disappointed
  2. Font: Bold
  3. Go to Style tab and Align Center
  4. Change the text color to #7A7A7A
  5. Click on Typography and set the Font family: Roboto

Step 2:   Add the Listing Posts by ID Element in the same section

  1. Select the below properties
  2. Layout: Grid View
  3. Layout style: Grid Style 2
  4. Click on the Advanced tab and set the Margin-Bottom: 25px

__________________________________________________________________________________________________________________________

Section 06

 

Section Title: What Do They Say?

Page Builder Element: Testimonials

For this, we need Heading + Image + Testimonials and Again Image Elements

Step 1: Add Heading Element

  1. Change the text to What Do They Say?
  2. Align: Center
  3. Go to the Style tab and change the text color to #1F2B59
  4. Click on Typography and set these properties.
  5. Font Family: Abril Fatface
  6. Click on the Advanced tab and set these properties
    • Margin-top: 50px
    • Margin-Bottom: 50px
    • Margin-Right: 50px
    • Margin-Left: 50px

Section Setting

  1.  Create a new section with 3 columns then edit the section
  2. Click on the Advanced tab and set the Margin-Top: 60px

Step 2:  Add an image Element in the first column and add the image.

  1. Go to style tab and select the below properties
  2. Border-Top: 10px
  3. Border-right: 10px
  4. Box shadow: Color rgba(0, 0, 0, 0.5)
  5. Click on the Advanced tab and set these properties
    • Margin-Bottom: -19px
    • Border tab: Box shadow color: rgba(0, 0, 0, 0.19)

Step 2:  Add the Testimonials Element  in the same column

  1. Add the content according to your project.
  2. Add the client’s image name and title.
  3. Image position: Top
  4. Align: Center
  5. Go to Style tab and Text color: #7A7A7A
  6. Font size: 13px
  7. Style: Italic
  8. Click on the Advanced tab > and set these properties
    • Padding-Top: 50px
    • Padding-Bottom: 50px
    • Padding-Right: 50px
    • Padding-Left: 50px
    • Border tab > Border radious
    • Bottom: 10
    • Left: 10

Step 3:  Add the image element in the same column

  1. Add your brand logo
  2. Image size: Full
  3. Go to Style tab and add Width: 18px
    • Box shadow: rgba(0, 0, 0, 0.5)

Please complete the other two columns like this

__________________________________________________________________________________________________________________________

Section 07

 

Page Builder Element: Images

For this, we need four Image Elements

Section Setting

  1. Create a new section with 4 columns then edit the section
  2. Click on the Advanced tab and set the Margin-Top: 100px

Step 1:    Add an image Element in the first column and add the image.

  1. Go to the Style tab and select the below properties
    • Width: 50px
    • CSS Filters: Brightness 50
  2. Click on the Advanced tab and set the Margin-Top: 15px

Repeat this step, 3 more times with the same settings

__________________________________________________________________________________________________________________________

Section 08

Section Title: Auto Industry Trends

Page Builder Element: Blog Grids

For this, we need Heading and Blog Grids Elements 

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #EAF0F9
    • Shape Divider: Click on Top
    • Type: Tilt Opacity
    • Flip: On
    • Click on Bottom
    • Type: Clouds
    • Invert: On
    • Brings to Front: On
  3. Click on the Advanced tab and set these properties
    • Margin-Top: 100px
    • Padding-Top: 150px
    • Padding-Bottom: 153

Step 1: Add Heading Element

  1. Change the text to Auto Industry Trends
  2. Size: Large
  3. HTML tag: H3
  4. Align: Center
  5. Go to the Style tab and change the text color to #1F2B59
  6. Click on Typography and set the Font Family: Abril Fatface

Step 1: Add the Blog Grids Element

__________________________________________________________________________________________________________________________

Section 09

 

Section Title: Frequently Asked Questions

Page Builder Element: DPRO FAQ

For this, we need Heading and DPRO FAQ Elements

Section Setting

  1. Click on the Advanced tab and set these properties
    • Margin-Top: 57px
    • Margin-Bottom: 57px

Step 1: Add Heading Element

  1. Change the text to Frequently Asked Questions
  2. Size: Large
  3. HTML tag: H3
  4. Align: Center
  5. Go to the Style tab and change the text color to #1F2B59
  6. Click on Typography and set the Font Family: Abril Fatface

Section Setting:

  1. Create a new section with Two Columns

Step 2: Add the DPRO FAQ Element in the first column

  1. Add your Question and answers according to you.

Step 3:  Add the DPRO FAQ Element in the Second column

  1. Add your Question and answers according to you

__________________________________________________________________________________________________________________________

Section 10

Car Section

Section Title: It’s a smooth ride with us.

Page Builder Element: DPRO Columns

For this, we need an image + Heading and DPRO Columns Elements

Step 1: Add an image Element in the new section

  1. Add the pink color car image from the Media
  2. Click on the Advanced tab and set these properties
  3. Margin-Bottom: -35px
  4. Margin-Left: 193px

Section Setting

  1. Click on the Advanced tab and set the Padding-Top: 150px

Step 1: Add Heading Element

  1. Change the text to It’s a smooth ride with us.
  2. Size: Large
  3. HTML tag: H3
  4. Align: Center
  5. Go to Style tab and change the text color to #1F2B59
  6. Click on Typography and set these properties.
  7. Font Family: Abril Fatface
  8. Click on the Advanced tab and set the Margin-Bottom: 50px

Step 2: Add the DPRO Columns Element

  1. Add First, second and third columns icons ( if missing )

__________________________________________________________________________________________________________________________

Section 11

Page Builder Element: DPRO Stats

For this, we need the DPRO Stats Element

Section Setting

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
  3. Background: Normal
  4. Background Type: Classic
  5. Color: #FF7300

Step 1: Add DPro Stats Element

  1. Edit the element and Text color: #FFFFFF

 

__________________________________________________________________________________________________________________________

Congratulations!

You have created your DPRO demo with Elementor successfully

PetFinderPro 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

Section Title: Pets Recently Added for Adoption

Page Builder Element: PPRO Listing Posts

For this, we need Heading + Text Editor and PPRO Listing Posts Elements

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

Section Setting

  1. Create a section and select 3\1 structure or number 6

Step 1: Add a Heading Element to the first Column

  1. Change the text to Pets Recently Added for Adoption
  2. Go to the Style tab and change the text color to #2D2D37
  3. Click on Typography and set these properties.
    • Font Family: Poppins
    • Font Size: 24px
    • Font weight 500
  4. Go to Advanced and add Margin Top: 70px

Step 2: Text Editor Element to the first Column

  1. Change the text to Popular Exclusive Listings In Our Directory
  2. Go to the Style tab and text color: #A2ADC7
  3. Click on Typography and set these properties
    • Text-Color: #797979
    • Font Family: Poppins
    • Font Size: 14px
    • Font Weight: 400
    • Line Height: 21
    • Letter Spacing: 0.5

Step 3: Text Editor Element to the second Column

  1. Change the text Go to Text and paste this content  <a style=”font-size: 14px; color: #70788d; font-weight: normal;” href=”http://petpro.listingprowp.com/?select=&amp;lp_s_loc=&amp;lp_s_tag=&amp;lp_s_cat=&amp;s=home&amp;post_type=listing”>See All</a>
  2. Go to the Style tab and align center, text color: #A2ADC7
  3. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 16px
    • Font Weight: 400
    • Line Height: 25

Step 4: Edit the second column, Right-click in the second column, and then edit the column and select these properties.

  1. Vertical Align: Bottom
  2. Horizontal Align: End

Step 5: Create a new section with a full-width structure.

Step 6: Add the PPRO Listing Posts Element in the section

    1. Go to the Content tab and Listings to show 3 and select recent listings
    2. Go to Advanced and add Margin Top: 20px

_______________________________________________________________________________________________________________________

Section 02

Section Title: Top Places for your pets

Page Builder Element: PPRO Listing Location

For this, we need Heading + Text Editor and PPRO Listing Location Elements

Section Setting

  1. Create a section and select 3\1 structure or number 6
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #F5F7FC

Step 1: Add a Heading Element to the first Column

  1. Change the text to Top Places For Your Pets
  2. Go to the Style tab and change the text color to #2D2D37
  3. Click on Typography and set these properties.
    • Font Family: Poppins
    • Font Size: 24
    • Font weight: 500
  4. Go to Advanced and add Margin-Top: 70px

Step 2: Text Editor Element to the first Column

  1. Change the text to Popular Exclusive Listings In Our Directory
  2. Go to the Style tab and text color: #A2ADC7
  3. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 14px
    • Font Weight: 400
    • Line Height: 21
    • Letter Spacing: 0.5

Step 3: Text Editor Element to the second Column

  1. Change the text Go to Text and paste this content <a style=”font-size: 14px; color: #70788d; font-weight: normal;” href=”http://petpro.listingprowp.com/?select=&amp;lp_s_loc=&amp;lp_s_tag=&amp;lp_s_cat=&amp;s=home&amp;post_type=listing”>See All</a>
  2. Go to the Style tab and align center, text color: #A2ADC7
  3. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 16px
    • Font Weight: 400
    • Line Height: 25

Step 4: Edit the second column, Right-click in the second column, and then edit the column and select these properties.

  1. Vertical Align: Bottom
  2. Horizontal Align: End

Step 5:Create a new section with a Full-Width structure.

Section setting:

  1. Create a section and then edit the section
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #F5F7FC

Step 6: Add the PPRO Listing Locations Element in the section

  1. Go to the Content tab Select your desired locations and select grid view

 

_______________________________________________________________________________________________________________________

Section 3

 

Section Title: Feature Pets for Adoption

Page Builder Element: PPRO Listing Posts

For this, we need Heading + Text Editor and PPRO Listing Posts Elements

Step 1: Add Heading element

  1. Change the text to Featured Pets for Adoption 
  2. Go to the Style tab and change the text color to #2D2D37
  3. Click on Typography and set these properties.
    • Font Family: Poppins
    • Font size: 24px
    • Font weight 500
  4. Go to Advanced and add Margin-Top: 70px

Step 2: Add Text Editor Element

  1. Change the text to Popular Exclusive Listings In Our Directory
  2. Go to Style tab and Text-color: #A2ADC7
  3. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 14px
    • Font Weight: 400
    • Line Height: 21
    • Letter Spacing: 0.5

Step 3:Create a new section

Step 4: Add the PPRO Listings Posts Element 

  1. Go to the Content tab and Listings to show 3 and select Ads listings

 

_______________________________________________________________________________________________________________________

Section 4

 

Section Title: Are you a Pet Vendor?

Page Builder Element: PPRO Call to Action

For this, we need PPRO Call to Action Element

Step 1: Add the PPRO Call to Action Element in the new section

 

_______________________________________________________________________________________________________________________

Section 5

Section Title: People Talking About Us

Page Builder Element: PPRO Activities

For this, we need Heading + Text Editor and PPRO Activities Elements

Step 1: Add Heading Element 

  1. Change the text to People Talking About Us 
  2. Go to the Style tab and change the text color to #2D2D37
  3. Click on Typography and set these properties.
    • Font Family: Poppins
    • Font size: 24
    • Font weight: 500
  4. Go to Advanced and add Margin-Top: 70px

Step 2: Add Text Editor Element

Change the text to Popular Popular Exclusive Listings In Our Directory

  1. Go to Style tab and Text-color: #A2ADC7
  2. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 14px
    • Font Weight: 400
    • Line Height: 21
    • Letter Spacing: 0.5

Step 4: Create a new section

Step 3: Add the PPRO Activities element 

  1. Go to the Content tab and Activities to show 3

_______________________________________________________________________________________________________________________

 

Section Title: See How IT Works

Page Builder Element: PPRO Columns

For this, we need Heading + Text Editor and PPRO Columns Elements

Section Setting

  1. Create a section and select Full-Width structure
  2. Click on the Style tab  and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #F5F7FC

Step 1: Add Heading Element 

  1. Change the text to People Talking About Us
  2. Align: Center
  3. Go to the Style tab and change the text color to #2D2D37
  4. Click on Typography and set these properties.
    • Font Family: Poppins
    • Font size: 24px
    • Font weight: 600
  5. Go to Advanced and add Margin-Top: 70px

Step 2: Add Text Editor Element

  1. Change the text to Popular Popular Exclusive Listings In Our Directory
  2. Go to Style tab and Text-color: #A2ADC7
  3. Align: Center
  4. Click on Typography and set these properties
    • Font Family: Poppins
    • Font Size: 14px
    • Font Weight: 400
    • Line Height: 21
    • Letter Spacing: 0.5

Step 3: Create a new section

Section Setting

  1. Create a section and select Full-Width structure
  2. Click on the Style tab and set these properties
    • Background: Normal
    • Background Type: Classic
    • Color: #F5F7FC

Step 4: Add the PPRO Columns Element 

  1. Add the columns icons ( Available in the Media ) if missings

 

_______________________________________________________________________________________________________________________

Congratulations! 

You have created your PetPro demo with Elementor successfully 

WeddingPro Demo for ListingProWP With Elementor

 

For Elementor Page Builders Users

We are Going to make the below Section with different page builder elements

SECTION 01

 

Section Title: Top Services Providers

Page builder Element: WPRO Listings Posts

For this, we need Heading + Text Editor and WPRO Listings Posts Elements

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

    1. Create a section and then edit the section
    2. Click on the Style tab  and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #F4F9F9
    3. Click on the Advanced tab  and set the Margin Top: 70px

Step 1: Add Heading Element

    1. Change the text to Top Services Providers 
    2. Align: Center
    3. Go to Style tab > Change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight 900px
      • Letter Spacing: 5.6

Step 2: Add Text Editor Element

    1. Change the text to Popular Exclusive Listings In Our Directory
    2. Go to the Style tab and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Listings Posts Element

    1. Go to Content tab  Listings to show 3 and select Ads listings
    2. Go to Advanced and add Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 02

 

Section Title: All Wedding Vendor Categories

Page builder Element: WPRO Listings Category

For this, we need Heading + Text Editor and WPRO Listings Category Element

Section Setting

    1. Create a section and then edit the section
    2. Click on the Advanced tab and add Padding Top 70px

Step 1: Add Heading Element

    1. Change the text to All Wedding Vendor Categories 
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900px
      • Letter Spacing: 5.6

Step 2: Add Text Editor Element

    1. Change the text to Easily Find An Expert For Any Part Of Your Wedding.
    2. Go to the Style tab and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #7A7A7A
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Listings Category Element

    1. Go to the Content tab  and select your desired categories
    2. Go to the Advanced tab and add Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 03

 

Element Title: Featured Wedding Venues

Page builder Element: WPRO Listings Posts

For this, we need Heading + Text Editor and WPRO Listings Posts Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Style tab  and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #F4F9F9
    3. Click on the Advanced tab and set the Padding Top: 70px

Step 1: Add Heading Element

    1. Change the text to Featured Wedding Venues
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900
      • Letter Spacing: 5.6

Step 2: Text Editor Element

    1. Change the text to Leading North East Wedding Venues That Are Worth Exploring Further
    2. Go to the Style tab and align it to the Center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add LPRO Listings Posts Element 

    1. Go to the Content tab and Listings to show 3 and select Ads listings
    2. Go to Advanced and add Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 04

 

Section Title: Explore our services by Cities 

Page builder Element: WPRO Listings Locations

For this, we need Heading + Text Editor and WPRO Listings Locations Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Advanced tab > and set the Padding Top 70px

Step 1: Add Heading Element 

    1. Change the text to Explore our Services by Cities
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900px
      • Letter Spacing:5.6

Step 2: Add Text Editor Element

    1. Change the text to See Services In These Cities
    2. Go to the Style tab and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Listings Locations Element 

    1. Go to the Content tab > Select your desired locations 
    2. Go to Advanced and add the Margin-Top: 20px

__________________________________________________________________________________________________________________________

SECTION 05

 

Section Title: Testimonials

Page builder Element: WPRO Activities 

For this, we need Heading + Text Editor and WPRO Activities Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Style tab and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #F4F9F9
    3. Click on the Advanced tab  and set the Padding Top: 70px

Step 1: Add Heading Element 

    1. Change the text to Testimonials
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900px
      • Letter Spacing: 5.6

Step 2: Add Text Editor Element

    1. Change the text to Popular Exclusive Listings In Our Directory
    2. Go to the Style tab and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add the WPRO Activities Element

    1. Go to the Content tab and Activities to show 3
    2. Go to Advanced and Add Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 06

 

Section Title: News & Tips

Element Name in the Page builder: WPRO Blogs Posts

For this, we need Heading + Text Editor and WPRO Blogs Posts Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Advanced tab and set Padding Top: 70px

Step 1: Add Heading Element 

    1. Change the text to News & Tips
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight 900px
      • Letter Spacing:5.6

Step 2: Add Text Editor Element

    1. Change the text to Checkout Latest News And Articles From Our Blog
    2. Go to the Style tab  and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Blogs Posts Element

    1. Go to the Content tab  Blogs to show: 3
    2. Go to Advanced and add Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 07

Section Title: How it Works 

Page builder Element: WPRO Columns

For this, we need Heading + Text Editor and WPRO Columns Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Style tab > and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #F4F9F9
    3. Click on the Advanced tab and add Padding Top: 70px

Step 1: Add Heading Element

    1. Change the text to How IT Works
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight 900px
      • Letter Spacing:5.6

Step 2: Add Text Editor Element

    1. Change the text to Our Goal Is To Make Your Journey Easy
    2. Go to the Style tab and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400px
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Columns Element

    1. Go to the Content tab and add the below icons from the media
    2. First Columns: Search icon
    3. Second Columns: Calendar icon
    4. Third Columns: Trophy icon
    5. Go to Advanced and add the Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 08

 

Section Title: Wedding Venues by States 

Element Name in the Page builder: WPRO Listings Locations

For this, we need Heading + Text Editor and WPRO Listings Locations Elements

Section Setting

    1. Create a section and then edit the section
    2. Click on the Advanced tab and set the Padding Top: 70px

Step 1: Add Heading Element 

    1. Change the text to Wedding venues by States
    2. Align: Center
    3. Go to the Style tab and change the text color to #241B1B
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900px
      • Letter Spacing:5.6

Step 2: Add Text Editor Element

    1. Change the text to Popular Exclusive Listings In Our Directory
    2. Go to the Style tab  and align it to center
    3. Click on Typography and set these properties
      • Text-Color: #797979
      • Font Family: Lato
      • Font Size: 16px
      • Font Weight: 400
      • Font Style: Italic
      • Letter Spacing: 1.8

Step 3: Add WPRO Columns Element

    1. Go to the Content tab and Select your desired locations
    2. Listings to Show: Name Only
    3. Go to Advanced and add the Margin Top: 20px

__________________________________________________________________________________________________________________________

SECTION 09

 

Section Title: Are you a Vendor  

Page builder Element: WPRO Call to Action

For this, we need Heading + Text Editor and WPRO Call to Action Element

Section Setting

    1. Create a section and then edit the section
    2. Click on the Style tab > and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #F4F9F9
    3. Click on the Advanced tab > and set the Padding Top: 70px

Step 1: Add WPRO Call to Action Element

 

__________________________________________________________________________________________________________________________

SECTION 10

 

Section Title: OUR FAMOUS PARTNERS

Page builder Element: WPRO Partners

For this, we need Heading + Text Editor and WPRO Listings Locations Element

Section Setting

    1. Create a section and then edit the section
    2. Click on the Style tab and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #28B5BB
    3. Click on the Advanced tab and set the Padding Top: 70px

Step 1: Add Heading Element 

    1. Change the text to OUR FAMOUS PARTNERS
    2. Align: Center
    3. Go to Style tab > Change the text color to #FFFFFF
    4. Click on Typography and set these properties.
      • Font Family: Lato 
      • Font weight: 900px
      • Letter Spacing:5.6

Step 2: Add WPRO Partners Element

    1. Add your partner’s logo
    2. Copy the repeated field and add your logos
    3. Also, you can add the dummy logos from your media

__________________________________________________________________________________________________________________________

 

Congratulations! 

You have created your WeddingPro Home Page demo with Elementor successfully