LaywerPro Demo for ListingProWP With Elementor

Home › Home › Demo Setup › LaywerPro 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: LPRO Stats Element

For this, we need the LPRO Stats 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

    1. Click on the Style tab  and set these properties
      • Background: Normal
      • Background Type: Classic
      • Color: #282D41

Step 1: Add LPRO Stats Element

    1. Set these details if you want this as like on the demo
      • First Stat Number: 100
      • First Stat Unit; YRS
      • First Stat Details: Of matching people to attorneys
      • Second Stat Number: 98
      • Second Stat Unit; %
      • Second Stat Details: Lawyers listed are verified
      • Third Stat Number: 10
      • Third Stat Unit; M
      • Third Stat Details: Monthly visit our network
      • Fourth Stat Number: 100
      • Fourth Stat Unit; +
      • Fourth Stat Details: Practice areas covered

______________________________________________________________________________________________________________________________________

Section 02

Section Title:  Our Top Rated Lawyers 

Page builder Element: LPRO Stats Element

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

Step 1: Add Heading Element 

    1. Change the text to Our Top Rated Lawyers 
    2. Align: Center
    3. Go to the Style tab and change the text color to black
    4. Click on Typography and set these properties. 
      • Font Size: 22px
      • Font weight: Bold
      • Line height: 40
    5. Go to the Advanced tab and set the Margin Top: 100px

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 the Center
    3. Click on Typography and set these properties
      • Font Family: Open Sans
      • Font Size: 13px
      • Line Height: 18px
      • Letter Spacing: 2

Step 3: Add LPRO Listings Posts Element

    1. Go to the Content tab and Listings to show 6 and select Ads listings
    2. Go to Advanced and Select the below properties
      • Margin-Top: 50px
      • Margin-Bottom: 70px

______________________________________________________________________________________________________________________________________

Section 03

 

Section Title:  How it Works

Page builder Element: LPRO Columns Element

For this, we need Heading + Text Editor and LPRO 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: #282D41

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 white
    4. Click on Typography and set these properties. 
      • Font Size:  22px
      • Font weight: Bold
      • Line height: 40px
    5. Go to Advanced > Select the below properties
      • Margin-Top: 100px
      • Margin-Bottom: -10px

Step 2: Add Text Editor Element

    1. Change the text to It’s easy to find and book a lawyer and also to share your experience.
    2. Go to the Style tab and align it to the Center
    3. Click on Typography and set these properties
      • Font Family: Open Sans
      • Font Size: 13px
      • Line Height: 18px
      • Letter Spacing: 2

Step 3: Add LPRO Columns Element

    1. Add the search icon in the first columns
    2. Add the calendar icon in the second columns
    3. Add the star icon in the third columns
    4. Go to Advanced and Select the below properties
      • Margin-Top: 50px
      • Margin-Bottom: 100px

______________________________________________________________________________________________________________________________________

Section 04

Section Title:  Browse Attorneys

Page builder Element: LPRO Listings taxonomies Element

For this, we need Heading + Text Editor and LPRO Listings taxonomies Elements

Step 1: Add Heading Element 

    1. Change the text to Browse Attorneys
    2. Align: Center
    3. Go to the Style tab and change the text color to black
    4. Click on typography and set these properties. 
      • Font-family: Open Sans
      • Font Size to 22px
      • Font weight Bold
      • Line height: 40
    5. Go to Advanced > Select the below properties
      • Margin-Top: 100px
      • Margin-Bottom: -10px

Step 2: Add Text Editor Element

    1. Change the text to It’s easy to find and book a lawyer and also to share your experience.
    2. Go to Style tab > and align it to center
    3. Click on Typography and set these properties
      • Font Family: Open Sans
      • Font Size: 13px
      • Line Height: 18px
      • Letter Spacing: 2

Step 3: Add LPRO Listings Taxonomies Element

    1. Select your desired Locations, Practice area, Legal topics, and Features.
    2. Go to Advanced and Select the below properties
      • Margin-Top: 30px
      • Margin-Bottom: 100px

__________________________________________________________________________________________________________________________

Section 05

 

Page builder Element: LPRO Activities Element 

For this, we need the LPRO Activities 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
      • Image: Blue ( Available in the Media)

Step 1: Add LPRO Activities Element 

    1. Go to the Content tab > Check the section title and sub-title
    2. Activities:  9 Activities

__________________________________________________________________________________________________________________________

Section 06

 

Section Title:  From Our Blogs

Page builder Element: LPRO Blog Posts

For this, we need Heading + Text Editor and LPRO Blog Posts Elements

Step 1: Add Heading Element 

    1. Change the text to From Our Blogs
    2. Align: Center
    3. Go to the Style tab and change the text color to black
    4. Click on Typography and set these properties.
      • Font-family: Open Sans
      • Font Size:  22px
      • Font weight: Bold
      • Line height: 40
    5. Go to Advanced and Select the below properties
      • Margin-Top: 100px
      • Margin-Bottom: -10px

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. Text-color: #7A7A7A
    4. Click on Typography and set these properties
      • Font Family: Open Sans
      • Font Size: 13px
      • Line Height: 18px
      • Letter Spacing: 2

Step 3:  Add LPRO Blog Posts

    1. Go to Advanced and Select the below properties
      • Margin-Top: 50px
      • Margin-Bottom: 70px

 

__________________________________________________________________________________________________________________________

Section 06

 

Section Title:  Featured in

Page builder Element: LPRO Partners Element 

For this, we need Heading and LPRO 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: #282D41

Step 1: Add Heading Element 

    1. Change the text to Featured in
    2. Align: Center
    3. Go to the Style tab and change the text color to white
    4. Click on Typography and set these properties. 
      • Font-family: Open Sans
      • Font Size to 22px
      • Font weight Bold
      • Line height: 40
    5. Go to Advanced > and add Margin Top: 20px

Step 2: Add LPRO Partners Element 

    1. Add your Partners logo
    2. Copy the repeated field and add your logos 
    3. Also, you can add dummy logos from your media.
    4. Go to Advanced > Select the below properties
      • Margin-Top: 15px
      • Margin-Bottom: 30px

 

__________________________________________________________________________________________________________________________

Congratulations! 

You have created your LawyersPro demo with Elementor successfully 

260 views