Dreamer – NooTheme https://nootheme.com NooTheme Tue, 16 Feb 2016 03:18:17 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 https://nootheme.com/wp-content/uploads/2018/05/favicon.png Dreamer – NooTheme https://nootheme.com 32 32 Visual composer https://nootheme.com/documents/visual-composer-6/ Wed, 03 Feb 2016 08:11:21 +0000 http://nootheme.com/?post_type=noo_document&p=33900
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.
side4
p172

 

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

 

♣ 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

p174
p175

 

1. Noo Events

 

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)
p117
p118
p119

 

2. Noo Causes

 

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

 

p33
p34

 

3. Noo Recent News

 

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
p57
p58

 

4. Noo Event Calendar

 

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
p124
p125

 

5. Noo Staff

 

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

1
2p176

 

6. Event Slider

 

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

p21
p23
p22

 

7. Cause Slider

 

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
p67
p69
p68

 

]]>
Import/Export settings https://nootheme.com/documents/importexport-settings-6/ Wed, 03 Feb 2016 04:58:08 +0000 http://nootheme.com/?post_type=noo_document&p=33889
All themes of NooTheme share the same theme settings structure so that you can export then import setting from one theme to another one conveniently.

  • Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import setting to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish”.
  • Export Setting: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.
p229

 

]]>
Custom code https://nootheme.com/documents/custom-code-6/ Wed, 03 Feb 2016 04:56:03 +0000 http://nootheme.com/?post_type=noo_document&p=33887
In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.
p228

 

]]>
Woocommerce https://nootheme.com/documents/woocommerce-6/ Wed, 03 Feb 2016 04:52:25 +0000 http://nootheme.com/?post_type=noo_document&p=33884

1. Shop Page

 

Shop Layout: The layout can be Full-width, With Left or Right Sidebar
Shop Sidebar: Choose a shop sidebar in the drop-down list
Products Per Page: The number of products is shown per page
p170

 

2. Single Product

 

Check Same as Shop Layout so that the layout of single product page is similar to that of product page

p171

 

]]>
Portfolio https://nootheme.com/documents/portfolio/ Wed, 03 Feb 2016 04:43:15 +0000 http://nootheme.com/?post_type=noo_document&p=33881
Portfolio Page: Set a page to be Portfolio page
Show Portfolio Filters: Check this box to show portfolio filters
Grid Columns: select the number of shown columns
Items Per Page: The number of items is displayed per page
p169

 

]]>
Event https://nootheme.com/documents/event-3/ Wed, 03 Feb 2016 04:35:02 +0000 http://nootheme.com/?post_type=noo_document&p=33876

1. Event List

 

Event Page: Set a page to be Event Page in the drop-down list
Event List Layout: The layout can be Full-width, With Left or Right Sidebar
Event List Sidebar: Choose an event sidebar in the drop-down list
Event List Style: The style can be Grid or List
Order Events By: The events can be arranged according to Start Date or Added Date
Order Direction: The direction is Descending (Newest) or Ascending (Oldest)
Hide Past Event: Turn this button on to hide past events

p167

 

2. Single Event Layout

 

Single Event Layout: Tick Same as Event List Layout box so that layout of single events is similar to the event list
Moreover, you can select media via which single events are shared
p168

 

]]>
Cause https://nootheme.com/documents/cause/ Wed, 03 Feb 2016 04:07:58 +0000 http://nootheme.com/?post_type=noo_document&p=33868  

1. Cause List

 

Cause Page: Set a page to be Cause Page in the drop-down list
Cause List Layout: The layout is Full-with, With Left or Right Sidebar
Cause List Sidebar: Choose a sidebar for the Cause List Page in the drop-down list
Cause List Style: The style can be Grid or List. If you are interested in Grid, you will have an extra option like Grid Columns (the number of columns can be Two or Three)
p165

 

2. Single Cause

 

Single Cause Layout: Tick Same as Cause List Layout box so that layout of single causes will be the same as that of Cause List
Besides, you can select media via which single causes will be shared.
p166

 

]]>
Blog https://nootheme.com/documents/blog-6/ Tue, 02 Feb 2016 05:01:51 +0000 http://nootheme.com/?post_type=noo_document&p=33713

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
Show Post Meta, Show Readmore Link: Tick these boxes to show these items
Excerpt length: the number entered is equal to the number of words included in the excerpt
p162

 

2. Single Post

 

Post Layout: Tick this box so that  single posts have the same layout as Post list. Uncheck to opt another layout.
Enable Related Post: Turn this button on then related posts will be shown
Show Post Tags, Show Author`s Bio: Tick these boxes to show these items on each post
Enable Social Sharing: Enable/Disable Social Sharing. If enable, you enable visitors to share your post by Facebook, Twitter, Google+, Pinterest and LinkedIn
p163

 

 

]]>
Widgets https://nootheme.com/documents/widgets-7/ Tue, 02 Feb 2016 04:32:19 +0000 http://nootheme.com/?post_type=noo_document&p=33708
This section enables you to customize Widgets situated in Footer. Besides, you can also add widgets to Noo-Footer Column #.
p160
p161

 

]]>
Footer https://nootheme.com/documents/footer-8/ Tue, 02 Feb 2016 04:26:40 +0000 http://nootheme.com/?post_type=noo_document&p=33705
Footer Columns: Choose the number of shown columns
Bottom Bar Content (HTML): Add content to the bottom bar of footer
p159

 

]]>
Header https://nootheme.com/documents/header-8/ Tue, 02 Feb 2016 04:20:37 +0000 http://nootheme.com/?post_type=noo_document&p=33691

1. Navigation Bar

 

NavBar Position: Position of NavBar includes Static Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse.
Show Donate Button: Turn this button on to show donate button on the navigation bar
Custom Donate Link: Incorporate link of
Show Shopping Cart: Turn this button on to show shopping cart on the navigation bar
Use Custom Navbar Font and Color: Enable this button to change NavBar Font, Size, Link Color and Link Hover Color
Transform to Uppercase: Tick this box so that font of menu items will be in Uppercase.
p155

 

 

Dreamer allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter Blog name (site name), select logo font from Google font, font size, font color, uppercase or lowercase for text logo. If turning on this button then you can upload logo, a retina logo shown on mobile  and change its height.
p156

 

3. NavBar Alignment

 

You can make adjustments to NavBar Height, NavBar Link Spacing and Mobile Icon Size
p157

 

4. Top bar

 

Enable Top Bar: Turn this button on so that you will have extra options like
Custom Content (HTML): Add content here
Show Search box: Tick this one to show search box on the top bar
p158

 

]]>
Typography https://nootheme.com/documents/typography-6/ Tue, 26 Jan 2016 07:21:17 +0000 http://nootheme.com/?post_type=noo_document&p=32889
You can customize your Typography settings here. Carle integrated all Google Fonts. See font preview at Google Fonts

 

1. Custom Fonts and Custom Font Color

 

Use Custom Fonts, Custom Font Color: Enable these buttons to customize font, font size and other settings for heading and body text.
p153

 

2. Headings

 

Headings Font: opt a font type in the drop-down list
Font Color: select a font color
Transform to Uppercase: If ticking this box, you will have headings <h1><h2><h3> which are in uppercase

 

3. Body

 

Body font: Choose a body font in the drop-down list
Font size: Opt a font size
Font Color: Select a font color

 

]]>