Customizer – NooTheme https://nootheme.com NooTheme Sat, 06 Aug 2016 03:19:32 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 https://nootheme.com/wp-content/uploads/2018/05/favicon.png Customizer – NooTheme https://nootheme.com 32 32 Import/ Export settings https://nootheme.com/documents/import-export-settings-2/ Mon, 25 Apr 2016 03:55:43 +0000 https://nootheme.com/?post_type=noo_document&p=44183
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.
p601

 

]]>
Custom Code https://nootheme.com/documents/custom-code-11/ Mon, 25 Apr 2016 03:53:46 +0000 https://nootheme.com/?post_type=noo_document&p=44180
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.
p599

 

]]>
WooCommerce https://nootheme.com/documents/woocommerce-10/ Mon, 25 Apr 2016 03:50:10 +0000 https://nootheme.com/?post_type=noo_document&p=44174

1. Shop Page

 

Shop Layout: Shop page is also an ideal place to incorporate sidebar. Opt With Right Sidebar or With Left Sidebar to achieve this and as usual, Full-Width makes display of the sidebar inactive.
Shop Sidebar: select a sidebar that exists on the Shop page
Shop Heading: Enter a title here
Heading Background Image: Remove or change the image
Shop Default View Style: The style can be Grid or List
Products Grid Columns: The number of columns is displayed
Products per page: The number of products is displayed on each page
p596
p597

 

2. Single Product

 

Product Layout: You can opt the same layout as Shop Page
Related Products Count: The number of related products is shown.
p598

 

]]>
Blog https://nootheme.com/documents/blog-11/ Mon, 25 Apr 2016 03:38:10 +0000 https://nootheme.com/?post_type=noo_document&p=44170
Making some adjustments in this section will have some impacts on Post list and each post on Blog page

 

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

Heading Title: Enter heading title of Blog Page

Heading Background Image: Upload a heading background image here

Excerpt Length: Excerpt is a short paragraph or an extract taken from the blog post. The number you enter here is corresponding to the number of words included in this excerpt.

p594

 

2. Single Post

 

Post layout: You can choose the same layout as Blog layout or choose another style
Post sidebar: Select a sidebar which is shown on single post page
Enable Related Post: Turn this button on to show related posts
Show Post Meta, Show Author`s Bio: Tick these boxes to show Post Meta and Author`s Bio on Single Post Page
Enable Social Sharing: Activate this button to enable social sharing. Then you will enter sharing title and check boxes of social media via which single posts will be shared
p595

 

]]>
Widgets https://nootheme.com/documents/widgets-11/ Mon, 25 Apr 2016 03:27:38 +0000 https://nootheme.com/?post_type=noo_document&p=44164
This section helps you to make changes to sidebars and widgets of Footer, namely, Noo- Footer Column #1,2,3 and 4.
p592
p593

 

]]>
Footer https://nootheme.com/documents/footer-19/ Mon, 25 Apr 2016 02:26:06 +0000 https://nootheme.com/?post_type=noo_document&p=44151

 Footer Style

 

There are 3 styles which are Default, Style 2 and Style 3
If you are fond of Default style, you will have further options such as:
Footer Color: This option helps you change color of the icon in Footer Bottom Content
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Default style are  Noo About, Noo Information, Noo Instagram and Custom Menu.Refer to this source to learn more about these widgets:

https://nootheme.com/documents/footer-21/

p585
p586
p588

 

 

If you are interested in Style 2, you will have extra options like:
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 2 are Noo Mailchimp, Noo Contact Info, Noo About, Noo Information, Noo Instagram and Custom Menu

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

 

 

If your interest is Style 3, you will have the following options:
Footer Background Color:
Choose a background color for footer
Footer Columns: Choose the number of shown columns
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 3 are  Noo Mailchimp, Noo About, Noo Information, Noo Instagram and Custom Menu

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

p13
p591

 

If your liking is Style 4, you will have these options:
Footer Background Image: Upload a background image here
Footer Bottom Content: Add HTML content of the Footer Bottom here
Footer Bottom Social: Add social media icons to Footer Bottom

♣ Widgets used to create Style 4 are Noo Contact Info.

Refer to this source to learn more about these widgets:
https://nootheme.com/documents/footer-21/

p14
p15

 

]]>
Header https://nootheme.com/documents/header-13/ Sun, 24 Apr 2016 00:27:36 +0000 https://nootheme.com/?post_type=noo_document&p=44098

1. Menu Header Style

 

There are 5 Header Styles:

♣ Style 1

a22
♣ Style 2

a21

♣ Style 3
a24
♣ Style 4
This style has a noticeable feature that you will need to let the mouse hover over menu area so that you can see menu items

p583
♣ Style 5

a26
a25

 

 

2. 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.
NavBar Link Spacing: You can change NavBar Link Spacing here
Use Custom NavBar Font and Color: Turn on this button to change NavBar Font and Color. Then you can change NavBar Font, Font Size, Link Color, Link Hover Color.
Transform to Uppercase: Tick this box so that Header font will transform into Uppercase.
a27
a28

 

 

Visionary 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 your site name, select logo font from Google font, font size, font color, uppercase for text logo. If turning on this button then you can upload an image and change its height.
a29
a30

 

4. NavBar Alignment

 

Navbar height: This option controls height of the navigation bar
Navbar Link Spacing: This one handles space of menu links
a31

 

]]>
Typography https://nootheme.com/documents/typography-11/ Sun, 24 Apr 2016 00:21:18 +0000 https://nootheme.com/?post_type=noo_document&p=44095
You can customize your Typography settings here. Visionary integrated all Google Fonts. See font preview at Google Fonts

 

1. Headings

 

Use Custom Headings Font: Turn this button on so that you will have extra options to change Headings font and color
Transform to Uppercase: 
If you tick this box,  headings such as <h1><h2><h3> will be in uppercase
a19

 

2. Body

 

Use Custom Font Body: Turn this button on in order that you can make adjusments to Body font, Font color and Font size
a20

 

]]>
Design and Layout https://nootheme.com/documents/design-layout-10/ Sat, 23 Apr 2016 08:18:41 +0000 https://nootheme.com/?post_type=noo_document&p=44060

1. Site Layout

 

You can set Style & Layout for your site. Visionary is equipped with  two layout styles including: Boxed Layout and Fullwidth layout.

 

If you select Boxed Layout, you will have further options:
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.
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.
p580
p581

 

2. Color

 

Visionary provides you with 2 colors which are Primary color and Secondary Color. You can select a color for links and various elements of your site
p582

 

]]>
Static Front Page https://nootheme.com/documents/static-front-page-2/ Sat, 23 Apr 2016 08:10:02 +0000 https://nootheme.com/?post_type=noo_document&p=44056
Settings here are used to set up Home page and Blog page (Choose Home in Front Page and Select Blog in Posts Page)
p579

 

]]>
Site Enhancement https://nootheme.com/documents/site-enhancement-11/ Sat, 23 Apr 2016 08:02:18 +0000 https://nootheme.com/?post_type=noo_document&p=44054
Back To Top Button: Back To Top Button will appear in the right bottom when users scroll down. Enable/Disable as your preference.Enable Page Heading: Page Heading will appear on the header of page. When you enable this option, you will have header background image on blog page, shop page or another page…

p578

 

]]>
Menus https://nootheme.com/documents/menus-10/ Sat, 23 Apr 2016 07:57:02 +0000 https://nootheme.com/?post_type=noo_document&p=44050
You can create a new menu, change order of items in a formed menu or add items to the menu
p576
p577

 

]]>