Visual composer is a drag and drop frontend and backend page builder plugin that equips you with more than 40 elements (also called shortcodes) to design your page with ease. In addition to these predefined elements, Landmark has extra 27 ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Landmark tab, Properties tab and Agent tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use

Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time

 Row settings includes:
• General:
Using Container: if you check this box, container`s width will be 1170px.
Row stretch: In our demo, we set Default in this section. Besides Default, you can select Stretch row, Stretch row and content, stretch row and content (no paddings). If opting these ones, the whole content in Red row 2 will disappear when it is shown on the site.
Full height row: when you tick this box, row will be set to full height.
Use video background: If this box is checked, video will be used as row background.
Parallax: There are three options for you:
None: image without parallax effect
Simple: image with parallax effect. It means that the image will move when you let the mouse scroll on it
With fade: image with parallax effect but move effect of the image is not as clear as that of Simple style.
Note: Two options Use video background (tick this box) and Parallax (Simple and With fade) will avail in some cases. For example, if font color is white and you do not use video background or Simple/ With Fade Parallax then visitors of you site may find it difficult to read white words and phrases. You know,  white words on white background. No one can figure out those words in this case!

Design Options:
CSS box: you can change width of padding, border and margin here
Background color: opt color for background hereBelow background color section, you will have an option to upload the background image and opt styles of background image: theme default, cover, contain, no repeat and repeat.
Cover: Scale the background image to be as large as possible so that the background area will be completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.
No repeat: Size of the image will not change when it is placed in background area.
Repeat: Size of the image will also be as same as that of the original one; however, then many replicates of this image will be established in background area

1. Properties Shortcodes

Advanced Search Property

This is one of the shortcodes used to create Home Page
Show Map: Choose between Yes and No
Title: Enter title here
Sub Title: Enter sub title here
Option 1 – 8: Select an option in the drop-down list to be displayed in the advanced search box
Text more: Enter text here
Text Button Search: Enter text here to give a name to the button

Recent Property

Title: Enter a title here
Sub title: Enter a sub title here
Style: Choose a style in the drop-down list
Number Row: Enter number of row here
Number Column: Enter number of column here
Property Status: Choose property status in the drop-down list
Property Type: Choose property type in the drop-down list

Single Property Featured

Title: Enter title here
Sub title: Enter sub title here
Select property featured: Select featured property in the drop-down list of properties
Caption: Enter Caption here

Single Property

Title: Enter title here
Description: Enter short description here
Content box: Each box has Icon, Title and Content field to fill in

Single Property Detail

Title: Enter a title here
ID Property: Enter Property ID here
URL Video: Enter Video URL here
Background Image: Upload an image here

Single Floor Plan

Title: Enter title here
Description: Enter description here
Image: Upload an image here
Content box: It has Title, Content, Link Download amd Content Features field to fill in

Single Property Map

ID Property: Enter Property ID here
Height: Enter height of the map in pixel

Single Property Banner

Image: Upload an image here
ID Property: Enter Property ID here
Choose Style: Choose between 2 styles in the drop-down list

2. Agent Shortcodes

Single Agent

Choose an agent: Choose an agent in the drop-down list

Single Agent Contact

Choose an agent: Choose an agent to receive message from the contact form

Noo Agent

Title: Enter a title here
Sub title: Give a short description
Posts per page: The number of posts is shown per page

3. Landmark Shortcodes

Noo Hotline

Title: Enter a title here
Sub title: Enter a sub title
Phone number: Enter phone number here
Image: Upload a image

Noo Service

Title: Enter title here
Sub title: Enter sub title here
Choose Style: Choose a style in the drop-down list
Columns: Choose number of column in the drop-down list
Content Box: Each content box contains Icon, Service Title and Service Content to fill in
Button Title: Give a name to the button
Link button: Enter URL here

Noo Testimonial

Choose Style: There are 2 styles to choose from
Use Navigation: Tick box to use navigation
Use Pagination: Tick box to use pagination
Choose Header: There are 2 headers which are Icon and Image
Icon: Choose an icon
Title: Enter a title here
Sub title: Give a short description
Testimonial Per Page: The number of testimonials is shown per page
Auto Play: Tick box to enable Auto Play Testimonial
Show Name: Tick box to show Name
Show Position: Tick box to show Position
Caption: Enter a caption

Noo Blog Masonry

Title: Enter a title here
Sub title: Give a short description
Data source: Data can be taken from three sources which are category, tags and posts
Categories: Select blog categories here
Show Category Filter: Tick box to Show category filter
Layout Style: There are two styles Creative and Classic to choose
Columns: Enter number of blog column
Order By: This option handles display order of blog posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Choose Style Pagination: Choose in the drop-down list
Posts per page: The number of posts is shown per page

Noo Partner

Partners: Each content has Logo, Name and Website field to fill in
Logo: You can upload an image here
Name: Enter partner’s name here
Website: Enter website URL of your partner
Items: The number of items you want to display
Rows The number of rows you want to display
Auto Play: Select Yes so that the slider can run automatically
Slider Timeout: Enter milliseconds of the slider here

Noo Mailchimp

Title: Enter a title
Sub title: Give a short description here
Image: You can upload image here
Note: In order that Noo Mailchimp can function properly, you will need to install and activate Mailchimp For WordPress plugin. Then you will paste these codes into Admin panel> Mailchimp For WordPress> Forms> Fields

<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="subscribe" />

Noo FAQ

Title: Enter Title here
Sub Title: Enter sub title here
Open FAQ: Choose Show or Hide
Title: Give a title here
Description: Enter description here

Noo Progress

Image: Upload an image
Title: Enter a title here
Sub title: Give a short description
Progress Bar: Each bar has Label and Value field to fill in

Noo Video

Title: Enter a title here
Sub title: Give a short description
Background Image Video: Upload an image
URL Video: Enter URL of the video here

Noo Blog Slider

Title: Enter a title here
Sub title: Give a short description
Data source: Data can be taken from three sources which are category, tags and posts
Categories: Select blog categories here
Auto Play Slider: Choose Yes or No to enable auto play slider mode
Layout Style: There are two styles Creative and Classic to choose
Columns: Enter number of blog column
Order By: This option handles display order of blog posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts per page: The number of posts is shown per page

Noo Gallery

Title: Enter a title here
Sub title: Give a short description
Order by: Choose in the drop-down list: Latest, Oldest, Alphabet, Ralphabet, Random
Limit Images For Gallery: The number of images displayed in Gallery

 Noo Ads Banner

Image: Upload an image here
Content: Give a short text here
Button: Insert or edit link here

Noo Pricing Table

This shortcode is used to create Pricing Page
Featured Item: Enter number of the Package
Button Text: Enter text for button here

1. Agents Listing

Display style: There are two styles List & Grid
Agent Layout: The layout of agent Page is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Agent page. In contrast, the last ones will left sidebar be shown on the page
Agent Sidebar: choose a sidebar that will be shown on Property page
Agent Sidebar Extension: Choose extension sidebar in the drop-down list
Number agent per page: Enter number of agent per page
Heading Title: Enter a title for Heading
Heading Background Image: Upload a heading background image here

2. Agent Detail

Enable Contact Info: Turn on the button to enable contact info on Agent Detail Page
Contact Info Background Image: Upload a background image here
Enable Latest Properties: Turn on the button to enable Latest Properties

1. Property Listing

Display style: There are two styles List & Grid
Property Layout: The layout of Property Page is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Property page. In contrast, the last ones will left sidebar be shown on the page
Property Sidebar: choose a sidebar that will be shown on Property page
Property Sidebar Extension: Choose extension sidebar in the drop-down list
Sort Properties By: Choose in the drop-down list
Number property per page: Enter number of properties per page
Heading Title: Enter a title for Heading
Heading Background Image: Upload a heading background image here

2. Property Detail

Single Property Layout: There are two options Same as Property Layout and Select Layout
Property Layout: The layout of Property Page is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Property page. In contrast, the last ones will left sidebar be shown on the page
Property Sidebar: choose a sidebar that will be shown on Property page
Enable Latest Property: Turn on the button to enable latest properties
Latest Property Title : Enter a title for Latest Property field
Latest Property Sub title : Enter a short description for Latest Property field
Enable Comment Box : Turn on the button to enable comment box
Comment List  Label: Enter label of comment list
Comment Form Label: Enter label of comment form
Load More Text: Enter text for Load More
Submit Button Text: Enter text for submit button
Number of comment per page: Enter number of comment per page
Enable Agent Info Box: Turn on the button to enable agent info box
Enable Address Box: Turn on the button to enable address box
Enable Additional Details Box: Turn on the button to enable Additional Details Box
Enable Feature Box: Turn on the button to enable Feature Box
Enable Video Box: Turn on the button to enable Video Box
Enable Floor Plan Box: Turn on the button to enable Floor Plan Box
Enable Location on Map Box: Turn on the button to enable Location on Map Box
Enable Compare/Favorites: Turn on the button to enable Compare & Favorites
Enable Social Sharing: Turn on the button to enable social sharing

1. Shop Page

Shop Layout: The layout of Shop Page is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Shop page. In contrast, the last ones will left sidebar be shown on the page
Shop Sidebar: choose a sidebar that will be shown on Shop page
Shop Sidebar Extension: Choose extension sidebar in the drop-down list
Shop Heading: Enter a title for Heading
Heading Background Image: Upload a heading background image here
Use Masonry Layout: Turn on the button to use masonry layout
Shop Default View Style: There are two styles Grid & List
Products Grid Columns: Enter product columns
Products Per Page: Enter number of products for each page

2. Single Product

Single Product Layout: The layout of Single Post is Same as Blog Layout and Select Layout
Post Layout: There are 3 options (Fullwidth, With Right Sidebar & With Left Sidebar)
Using Header Image: There are 2 options (By Header Shop & By Thumbnail)
Related Products Count: Enter number or related products

Making some adjustments in this section will have some impacts on Post list and each post on Blog page

1. Post list

Blog Layout: The layout of Post list is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Blog page. In contrast, the last ones will let sidebar be shown on the page
Blog Sidebar: choose a sidebar that will be shown on Blog page
Blog Style: There are 3 options (List, List 2 Column & Grid Masonry)
Heading Title: Enter a title for Heading
Heading Background Image: Upload a heading background image here
Enable Readmore Button: Check this box to enable readmore button
Excerpt Leghth: Enter Excerpt Leghth
Enable Social Sharing: Turn on the button to enable social sharing

2. Single Post

Single Post Layout: The layout of Single Post is Same as Blog Layout and Select Layout
Post Layout: There are 3 options (Fullwidth, With Right Sidebar & With Left Sidebar)
Post Sidebar: Choose a sidebar in the drop-down list
Show Post Meta: Tick box to show post meta
Show Author’s Bio: Tick box to show author’s bio

This section helps you to make changes to sidebars and widgets of Footer

Footer Style: There are three layouts which are Basic, Business and Agency

Footer Background Image: There are options to custom the footer background image
Footer Position: Turn on the button to fix the footer position
Use image for background footer: Turn on the button to use image
Background image: Select/change image
Background Color & Opacity on Background Image: Select color

Footer Widget Option
Show Footer Column Widget: Turn on the button to show footer column widget
Footer Content Box: Choose from 4 options
 Footer Column Width
Footer Column 1 to 4: Drag the width range to customize the width of each footer column
Footer Bottom Content (HTML): Paste HTML here
Show/Hide Social On Copyright: Turn on the button to show social icons on the footer bottom