Visual composer

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, Dreamer has 7 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 Dreamer 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:

Background color: opt color for background here

Background image: Upload a background image

Background video: If this box is checked, video will be used as row background.

Has Container: if you check this box, container`s width will be 1170px

Border: The border can be None, Top, Right, Left, Bottom, Vertical or Horizontal.
Padding Top/ Bottom: You can set Padding Top and Bottom here

This shortcode is used to create Event Grids and List page
Title: Enter a title here
Show Archive Link: Select Show or Hide the link
Style: There are 2 styles that are List and Grid. If you are partial to Grid then you will have an extra option called Grid Columns (choose the number of shown columns)
Categories/Locations: Select categories/locations that will be shown
Posts per page: the number of posts is displayed per page
Show pagination: select show or hide pagination
Event status: Select event statuses in the drop-down list (All/ Upcoming/ Past events
Order Events By: Start Date (the date on which events start) or Added Date
Order Direction: Descending (Newest) or Ascending (Oldest)

It is one of the shortcodes used to create Home page
Title: Enter a title
Show Archive Link: Choose Show or Hide Archive Link
Style: There are 3 styles that are Grid, List and Slider
Categories: Select cause categories in the drop-down list
Locations: Select cause location in the drop-down list
Posts per page: Enter a number of shown posts per page
Excerpt Length: The number you enter here is equal to the number of words contained in the excerpt
Show Pagination: Choose Show or Hide this one (this option is only used for Grid and List Style)
When you choose Grid style, you will have options like
Grid Columns: Choose number of shown columns

 

This shortcode is used in building Homepage
Title: Enter a title here
Column: Choose the number of shown columns. It fluctuates between 2 and 4
Posts per page: The number of posts is displayed per page
Excerpt length: Excerpt is a short paragraph taken from a post. The number you enter here is equal to the number of words included in the excerpt

This one is used to create Events Page
Visibility: Choose devices on which this section is displayed or hidden
Class: Enter a unique class name

It is one of the shortcodes used to build Our Staffs Page
Title: Enter a title here
Show Archive Link: Choose Show/Hide Archive Link
Categories: Choose staff categories in the drop-down list
Grid Columns: Choose the number of shown columns
Posts per page: the number of posts is displayed per page
Show pagination: Choose Hide or Show the pagination

2

This one is used to build homepage

Event Slider setting
Animation: Choose Slide or fade
Slide Time/ Speed/ Height: Set a number in these sections
Auto Play Slider:  Check this box so that the slider can play automatically
Show Slide Indicator: Tick this box to show this one
Show Previous/ Next Navigation: Check this box to show previous

Event Slide settings:
Background Type: There are 2 types of background. If you pick Featured Image, the image will be the featured one set in each event post. Meanwhile, if you choose Custom image, you will have an extra option to upload an image
Event: Select an event in the drop-down list

This shortcode is used to create Home Cause page
Animation: Slide or Fade
Slide Time/ Height/ Speed: You can set time, height and speed for the slide
Auto Play Slider: Tick this box so that slider can play automatically
Show Slide Indicator/ Previous/ Next Pagination: Tick these boxes to show corresponding items
Cause Slide settings:
Background Type: Choose Featured image that is taken form Cause posts or Custom image (you will have an extra option to upload image)
Cause: Select a cause post in the drop-down list