MedicalPro Demo for ListingProWP With Elementor

Home › Home › Demo Setup › 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

160 views