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, Medicus has 11 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 Medicus 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 include:
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.
Columns gap: Select gap between columns in row
Full height row: when you tick this box, row will be set to full height.
Equal height: If this box is checked, height of columns will be equal
Content Position: Position of content can be Default, at Top/Bottom or in the middle
Use video background: If this box is checked, video will be used as row background.
Parallax Background: If you check this box, you will have further options to upload an image and set parallax speed. The speed varies from -1.0 and 1.0
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.
Background Image: Upload a background image here
Background Color Overlay: Select a background color here
Background Image Repeat: check this box if you want the background image to be repeated
Disable Parallax on Mobile: Tick this box so that parallax is disabled on mobile
Parallax Velocity: You can set speed here. It fluctuates between -1.0 and 1.0
Background Video: If you tick this box, the video background will override image and color background
Has Container: If you tick this box, the row will be placed in a container
Border: Choose a kind of border in the drop-down list
Padding Top/Bottom: You can set Padding Top/Bottom here
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.
Columns gap: Select gap between columns in row
Full height row: when you tick this box, row will be set to full height.
Equal height: If this box is checked, height of columns will be equal
Content Position: Position of content can be Default, at Top/Bottom or in the middle
Use video background: If this box is checked, video will be used as row background.
Parallax Background: If you check this box, you will have further options to upload an image and set parallax speed. The speed varies from -1.0 and 1.0
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.
Background Image: Upload a background image here
Background Color Overlay: Select a background color here
Background Image Repeat: check this box if you want the background image to be repeated
Disable Parallax on Mobile: Tick this box so that parallax is disabled on mobile
Parallax Velocity: You can set speed here. It fluctuates between -1.0 and 1.0
Background Video: If you tick this box, the video background will override image and color background
Has Container: If you tick this box, the row will be placed in a container
Border: Choose a kind of border in the drop-down list
Padding Top/Bottom: You can set Padding Top/Bottom here
1. Noo Blog Masonry
This one is used to create Blog Masonry Page
Categories: Choose Blog Categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of blog posts. The order can be Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Columns: The number of columns is displayed per page
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.
Categories: Choose Blog Categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of blog posts. The order can be Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Columns: The number of columns is displayed per page
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.
2. Noo Recent News
This shortcode is used in building Home Page and Home Services Slider
Title: Enter a title here
Sub Title: Enter a sub title here
Categories: Select categories in the drop-down list
Columns: Choose the number of columns shown per page. It fluctuates between 2 and 4
Posts per page: The number of posts shown per page
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.
Title: Enter a title here
Sub Title: Enter a sub title here
Categories: Select categories in the drop-down list
Columns: Choose the number of columns shown per page. It fluctuates between 2 and 4
Posts per page: The number of posts shown per page
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.
3. Noo Department List
This shortcode is used in creating Home page
Title: Enter a title here
Sub Title: Enter a sub title here
List Style: The style can be Center or Left. If you choose Center, texts will be in center or on the left side
Columns: Choose the number of shown columns. It fluctuates between 2 and 4
Department per page: Set the number of shown department
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt Length: The number entered here is equal to the number of texts included in the excerpt
Title: Enter a title here
Sub Title: Enter a sub title here
List Style: The style can be Center or Left. If you choose Center, texts will be in center or on the left side
Columns: Choose the number of shown columns. It fluctuates between 2 and 4
Department per page: Set the number of shown department
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt Length: The number entered here is equal to the number of texts included in the excerpt
4. Noo Mailchimp Widget
This shortcode contributes to generation of Home Page
Widget title: Enter a title here
Subscribe Text: Enter a short description here
Subscribe Mail List: Choose a Mail List in the drop-down list
Widget title: Enter a title here
Subscribe Text: Enter a short description here
Subscribe Mail List: Choose a Mail List in the drop-down list
5. Noo Testimonial Classic
This is one of the shortcodes used to create Home Page
Classic Testimonial Title: Enter a title here
Testimonial per page: The number of testimonials is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show name/ position: Choose Yes or No to show or hide name/position
Classic Testimonial Title: Enter a title here
Testimonial per page: The number of testimonials is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show name/ position: Choose Yes or No to show or hide name/position
6. Noo Testimonial Thumbnail Pagination
It is one of the shortcodes used to create Home Services Slider
Testimonial Title: Enter a title here
Testimonial Image Per Page: The number of testimonial images is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number here
Show name/ position: Choose Yes or No to show or hide name/position
Testimonial Title: Enter a title here
Testimonial Image Per Page: The number of testimonial images is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number here
Show name/ position: Choose Yes or No to show or hide name/position
7. Noo Our Doctor
This one is used in building Homepage
Noo Our Doctor Title: Enter a title here
Sub Title: Enter a sub title here
Doctor per page: The number of doctors is shown per page
Style: There are two styles. They are rectangle and circle image
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show Name: Choose Yes or No to Show or Hide name of doctors
Show Description: Choose Yes or No to show or hide description
Description Length: The number enter here is equal to the number of texts included in the description
Noo Our Doctor Title: Enter a title here
Sub Title: Enter a sub title here
Doctor per page: The number of doctors is shown per page
Style: There are two styles. They are rectangle and circle image
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show Name: Choose Yes or No to Show or Hide name of doctors
Show Description: Choose Yes or No to show or hide description
Description Length: The number enter here is equal to the number of texts included in the description
8. Department Slider
This shortcode is used to create Home Services Slider
• Department Slider settings:
Auto Play: Choose Yes or No
Pause on hover:
Spacing: You can set space of the slider here
Slider Height/ Width: Set a number that is equal to height/width of the slider
• Department Slide settings:
Department Image: Upload an image here
Department Icon: Upload an icon
Department Title: Enter title of the department
Department Description: Give a short description here
Department Link: Enter a link that leads users to the Department
• Department Slider settings:
Auto Play: Choose Yes or No
Pause on hover:
Spacing: You can set space of the slider here
Slider Height/ Width: Set a number that is equal to height/width of the slider
• Department Slide settings:
Department Image: Upload an image here
Department Icon: Upload an icon
Department Title: Enter title of the department
Department Description: Give a short description here
Department Link: Enter a link that leads users to the Department
9. Noo Timeline
This one is used in creating About Us page
Noo Timeline settings:
Title: Enter a title
Sub title: Enter a sub title
Noo Timeline Item settings:
Image: Upload an image here
Item Title: Enter title of the item
Item Content: Enter content of the item
Noo Timeline settings:
Title: Enter a title
Sub title: Enter a sub title
Noo Timeline Item settings:
Image: Upload an image here
Item Title: Enter title of the item
Item Content: Enter content of the item
10. Noo Service
This shortcode is used in building About Us Page
Type: You can choose Image or Icon. If it is Image, you will have an extra option to upload an image. If your choice is Icon, you will click the arrow to select an icon
Service Title: Enter a title here
Service Content: Enter the content
Type: You can choose Image or Icon. If it is Image, you will have an extra option to upload an image. If your choice is Icon, you will click the arrow to select an icon
Service Title: Enter a title here
Service Content: Enter the content
11. Department Timetable
This shortcode is used to create Timetable Page
Select Departments: Choose Depatments whose timetable will be shown
Filter Type: There are 3 kinds of Filter