Theme Customizer – NooTheme https://nootheme.com NooTheme Wed, 03 Feb 2016 04:58:08 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 https://nootheme.com/wp-content/uploads/2018/05/favicon.png Theme Customizer – NooTheme https://nootheme.com 32 32 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

 

]]>
Design and Layout https://nootheme.com/documents/design-and-layout-5/ Tue, 26 Jan 2016 05:00:00 +0000 http://nootheme.com/?post_type=noo_document&p=32876

1. Site Layout

 

Site Width, Site Max Width: these options handle width of the site
Background color, Background Image: If you opt yellow for background, background of your site will be filled with this color. However, when you set up background image, background of the site will be replaced with a new image.
Background repeat: Background Repeat will work effectively if you use patterned background image. When you let the image repeated, its copies will cover the whole background.
p150
p151

 

Background image attachment: There are two types that are Fixed image and Scroll with site. Fixed image means that when you scroll down on the page, you will still see the background image. Yet Scroll with site does not allow you to do this.
Auto Resize: if you turn on the button, image will appear in the whole background area. Yet, turning off this button will make background image be displayed only in a part of one side. Position of background image in this case may be left top, left center, left bottom, center top, center center, etc of the side. It depends on your choice in Background Image Alignment box.

 

2. Color

 

You can select a color for links and various elements of your site
p152

 

]]>