CBDPro Demo for ListingProWP With Elementor

Home › Home › Demo Setup › CBDPro Demo for ListingProWP With Elementor....

For Elementor Page Builder Users

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

Section 1

cbdpro1

Section Title: Featured In

Page Builder Element: CBDPRO Partners Element

For this, we need Heading and CBDPRO Partners Element

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. Go to the Advanced tab and add Margin-Top: 60px

Step 1: Add Heading Element

      1. Change the text to Featured In
      2.  Html tag: H3
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set Font Family: Roboto

Step 2:  Add the CBDPRO 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.

 

______________________________________________________________________________________________________________________________________

 Section 2

cbdpro2

Section Title: Discover CBD stores & dispensaries in your state

Page Builder Element: CBDPRO Listing Locations Element

For this, we need Heading and CBDPRO Listing Locations Elements

Section Setting

      1. Click on the Advanced tab and set the Margin-Bottom:60px

Step 1: Add Heading Element

      1. Change the text to: <h2>Discover CBD stores & dispensaries in your state</h2><br>Popular Exclusive Listings In Our Directory
      2.  Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set Font Family: Roboto

Step 2:        Add the CBDPRO Listing Location Element in the same section

      1. Add your desired locations.
      2. Listing to show: Name only

 

_____________________________________________________________________________________________________________________________________

 Section 3

cbdpro3

Section Title: Featured Dispensaries

Page Builder Element: CBDPRO Listing Posts Element

For this, we need Heading and CBDPRO Listing Posts Elements

Section Setting

      1. Click on the Advanced tab and set the Margin-Bottom 60px

Step 1: Add Heading element

      1. Change the text to <h2>Featured Dispensaries</h2><br>Popular Exclusive Listings In Our Directory
      2. Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family Roboto

Step 2:  Add the CBDPRO Listing Posts Element in the same section

      1. Listing to show: 3 Listings
      2. Listing to show: Ads Listings

 

______________________________________________________________________________________________________________________________________

 Section 4

cbdpro4

Section Title: Browse CBD Business By Category

Page Builder Element: CBDPRO Listing Category

For this, we need Heading and CBDPRO Listing Category Elements

Section Setting

      1. Click on the Advanced tab  and set the Margin-Bottom 60px

Step 1: Add Heading Element

      1. Change the text to <h2>Browse CBD Businesses By Category</h2><br>Popular Exclusive Listings In Our Directory
      2.  Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family Roboto.

 

Step 2:  Add the CBDPRO Listing Category Element in the same section

      1. Select your desired categories

______________________________________________________________________________________________________________________________________

 Section 5

cbdpro5

Section Title: Recently Added Dispensaries

Page Builder Element: CBDPRO Listing Posts

For this, we need Heading and CBDPRO Listing Posts Elements

Section Setting

      1. Click on the Advanced tab and set the Margin-Bottom 60px

Step 1: Add Heading Element

      1. Change the text to <h2>Recently Added Dispensaries</h2><br>Popular Exclusive Listings In Our Directory
      2. Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family: Roboto

Step 2:   Add the CBDPRO Listing Posts Element in the same section

      1. Listing to show: 3 Listings
      2. Listing to show: Recent Listings

______________________________________________________________________________________________________________________________________

 Section 6

cbdpro6

Section Title: Most Popular Destinations

Page Builder Element: CBDPRO Listing Locations Element

For this, we need Heading and CBDPRO Listing Locations Elements

Section Setting

      1. Click on the Advanced tab > and set these Margin Bottom 60px

Step 1: Add Heading Element

      1. Change the text to <h2>Most Popular Destinations</h2><br>checkout latest news and articles from our blog
      2. Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family Roboto.

 

Step 2:   Add the CBDPRO Listing Location Element in the same section

      1. Select your desired Locations.
      2. Listing to show: Grid View

 

______________________________________________________________________________________________________________________________________

 Section 7

cbdpro7

Section Title: Testimonials

Page Builder Element: CBDPRO Activities

For this, we need Heading and CBDPRO Activities Elements

Section Setting

      1. Click on the Advanced tab and set the Margin-Bottom 60px

Step 1: Add Heading Element

      1. Change the text to<h2>Testimonials</h2><br> Popular Exclusive Listings In Our Directory<br><br><br>
      2.  Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family Roboto

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

      1. Activities to show: 3

______________________________________________________________________________________________________________________________________

 Section 8

cbdpro8

Section Title: See How it Works

Page Builder Element: CBDPRO Columns

For this, we need Heading and CBDPRO Columns Elements

Section Setting

      1. Click on the Advanced tab and set the Margin Bottom 60px

Step 1: Add Heading Element

      1. Change the text to <h2>See How it Works</h2><br> Popular Exclusive Listings In Our Directory
      2. Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set the Font Family Roboto

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

      1. Add your column content according to you

 

______________________________________________________________________________________________________________________________________

 Section 9

 
cbdpro9
 

Section Title: Latest CBD NEWS

Page Builder Element: CBDPRO Blog Posts

For this, we need Heading and CBDPRO Blog Posts Elements

Section Setting

      1. Click on the Advanced tab and set the Margin Bottom 60px

Step 1: Heading element

      1. Change the text to <h2>Our Blog & Latest CBD News</h2> Popular Exclusive Listings In Our Directory
      2. Html tag: P
      3. Align: Center
      4. Go to the Style tab and change the text color to #54595F
      5. Click on Typography and set Font Family Roboto.

Step 2:  Add the CBDPRO Blog Posts Element in the same section

      1. Blogs to show: 3

______________________________________________________________________________________________________________________________________

 Section 10

 

cbdpro10
 

Section Title: OUR FAMOUS PARTNERS

Page Builder Element: CBDPRO Partners

For this, we need Heading and CBDPRO Partners Elements

Section Setting:

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

 

Step 1: Add Heading Element

      1. Change the text to OUR FAMOUS PARTNERS
      2.  HTML tag: H3
      3. Align: Center
      4. Go to the Style tab and change the text color to #FFFFFF
      5. Click on Typography and set Font Family Roboto.

Step 2:   Add the CBDPRO 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 Padding Top 30px

______________________________________________________________________________________________________________________________________

Congratulations!

You have created your CBDPro demo with Elementor successfully

 

 

145 views