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, iVent has 15 extra ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Nootheme 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 here
Below 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. Noo Blog Masonry
This shortcode is used to create Blog Masonry Page
Categories: Choose blog categories you want by clicking on the left button of the mouse and highlighting those items.
Title: Enter a title here
Order By: Recent First (the latest published date), Older First (The older published date), Title alphabet, title reversed alphabet
Posts per page: The number of posts is displayed per page
Columns: The number of columns is shown on the page
Show Date: Opt Yes or No to show or hide the published date of the post
Show Author Avatar, Show Content Meta: Opt Yes or No to show or hide these items
Excerpt Length: Excerpt is a short extract or a short passage taken from from the post. Length of the excerpt is determined by number of words. Therefore, if you opt a specific number like 20, the number of words contained in an excerpt will be equivalent to 20.
2. Noo Recent News
This is one of the shortcodes used to create Home page
Icon: Click the arrow icon to select an icon in the drop-down list
Title: Enter a title
Sub Title: Give a short description
Categories Events: Select Event categories in the drop-down list.
Style: Opt List or Grid. If it is Grid, Events will placed in column and you will a further option called
Columns (The number of columns is shown)
Posts per page: The number of posts is shown per page
Show Excerpt: Opt Yes or No to show or hide Excerpt
Excerpt length: Excerpt is a short extract or a short passage taken from from the post. Length of the excerpt is determined by number of words. Therefore, if you opt a specific number like 20, the number of words contained in an excerpt will be equivalent to 20Display of Noo Recent News on Home page:
3. Noo Testimonial
This is one of the shortcodes used to create Home page
Icon: click the arrow to select an icon here
Title: Enter a title here
Sub title: Give a short description here
Style: There are three styles which are Style 1, 2 and 3
Testimonial per page: The number of testimonials is shown per page
Auto play: Opt Yes so that the slider will automatically play
Slider Duration: the time during which
Show name, Show position: Select Yes to show these items which are set in Admin panel> Testimonial
4. Noo Service
It is one of the shortcodes used to create Home page
Style: Select Left, Center or Center Small Icon
The first style, Left: The icon is to the left of service content
Center: Icon, content and title are in center
Center Small icon: Icon, Content and title are in center; however, the icon is smaller than that in Center style
Icon: click the arrow icon to choose an icon in the drop-down list
Service Title: Enter a title here
Service Content: Give a short description
6. Noo Speaker
This short code is used in creating Home One Page
Icon: Click the arrow icon to select an icon
Title: Enter a title here
Sub Title: give a short description
Posts Per Page: The number of posts is shown per page
7. Noo Clients
This is one of the shortcodes used to create Home page
Style: the style can be Default or Slider. If you have a liking for Default, you will have three extra options:
Upload images, Custom link (enter links for clients and those links are separated by Enter), Custom Link target (select where to open custom links: same window or new window). Yet, selecting the remaining style will make you complete two further options other than options above: Status Button (Show or Hide the button), Limited post of Slider (the number of posts situated on the Slider).
8. Noo Count Down
This is one of the shortcodes used to create
Home Page
• The column contains a
Noo Count Down shortcode:
General options:
Choose Date: The date in which the event will take place
Title: Enter a title here
Description: Give a short description
Button Style: There are three styles that are Scroll down to the bottom, Button Link (choose this one then you will have two extra options: Button Name and Button Link) and Hide Button.
Design Options:
Background Style: Choose Parallax, Slider or Video Youtube
If it is Parallax, you will have further options:
Parallax: Upload an image
Overlay: Select a background color
Height Style: Opt Full Screen or Custom Height
If your interest is Slider, Parallax option is replaced with Slider which also allows you to upload an image. The two remaining options of this Style are as same as those of Parallax.
if you partial to Video Youtube,it will give you options:
Youtube Link: Incorporate a link
Auto mute: Opt On or Off
Background Youtube:
Height Style: select Full Screen or Custom Height
Countdown options:
Text Days/ Hours/ Minutes/ Seconds:
Hide Days/ Hours/ Minutes/ Seconds
Display of this element on Home page:
9. Noo Contact Information
This shortcode is used in creating Contact page
Image: Upload an image
Mail, Address, Phone: Enter detailed contact information in these options
10. Noo Map
This shortcode is used to create Contact Page
Latitude: Enter a number corresponding to latitude of the map
Longitude: Enter a number corresponding to longitude of the map
Icon Map: Upload an icon image here
Height Map: Enter a number equivalent to height of the map
Note: To get longitude and latitude, firstly, you should go to this website:
http://www.latlong.net/
Search the place you want then you will see its longitude and latitude
11. Noo Search
This shortcode is used to create Home Slider
It only has an option that is Description (Give a short description here)
12. Noo Events
It is one of the shortcodes used to create Home page
Icon: Click the arrow icon to select an icon in the drop-down list
Title: Enter a title
Sub Title: Give a short description
Categories Events: Select Event categories in the drop-down list.
Style: Opt List or Grid. If it is Grid, Events will placed in column and you will a further option called
Columns (The number of columns is shown)
Order By: Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Show Date/ Location/ Excerpt/ Read More: Select Yes or No to Show or Hide these items
Limited: This option restricts the number of displayed events
Height of featured image: set height of the featured image
Button name: Give a name to the button
Button Link: Enter a link here
14. Noo Events Featured
This shortcode contributes to creating Home Page
Icon: Click the arrow to choose an icon in the drop-down list
Title: Enter a title here
Sub Title: Give a short description here
Style: Opt List, List Background Image or Grid. In our demo, we select List Background Image style
Order By: Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Show Date/ Location/ Excerpt/ Read More/ : Select Yes or No to Show or Hide these items
Limited: This option restricts the number of displayed events
Height of featured image: set height of the featured image
Button name: Give a name to the button
Button Link: Enter a link here
Display of
Noo Events Featured on Home page:
13. Noo Events Slider
This shortcode is used to create Home Video
Icon: Click the arrow to select an icon in the drop-down list
Title: Enter a title
Sub Title: Give a short description
Categories Events: Select event categories in the drop-down list
Style: Select List or Grid. If you choose Grid style you will have an extra option called Columns that controls number of column shown on the page
Order By: Events will be arranged according the order of Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Show Date, Show Location, Show Excerpt, Show Readmore: Choose Yes or No to show or Hide these items
Limited: This option places a limit on the number of displayed events
Height of Featured image: set height of the featured image
Button name: Give a name to the button
Button Link: Enter link of the button
15. Noo Gallery
This shortcode is used to create Gallery Page
Categories: Select gallery categories in the drop-down list
Column: The number of columns is shown
Order By: Recent First, Older first, Title Alphabet or Title Reversed Alphabet
Image size: There are four different sizes that are Full, Large, Medium and Thumbnail
Post per page: The number of Posts is shown per page
