Customizer – NooTheme https://nootheme.com NooTheme Fri, 20 Nov 2015 01:48:43 +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/importexport-settings-2/ Sat, 31 Oct 2015 01:51:28 +0000 http://nootheme.com/?post_type=noo_document&p=22690
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 without any problem.

  • 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.
cus18

 

]]> Custom Code https://nootheme.com/documents/custom-code-2/ Sat, 31 Oct 2015 01:49:46 +0000 http://nootheme.com/?post_type=noo_document&p=22688
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.
cus17

 

]]> WooCommerce https://nootheme.com/documents/woocommerce-2/ Sat, 31 Oct 2015 01:48:04 +0000 http://nootheme.com/?post_type=noo_document&p=22683

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
Product Columns: This option handles number of columns shown on Shop page
Products per page: The number of products is displayed on each page

cus14
cus15

 

2. Single Product

Product Layout: check this box in order that single products will have the same layout as Shop page.
Using Header Image:
Related Products Count:  the number of related products is displayed
cus16

 

]]> Blog https://nootheme.com/documents/blog-2/ Sat, 31 Oct 2015 01:34:06 +0000 http://nootheme.com/?post_type=noo_document&p=22676

Making some changes in this section will have 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 a title

Heading Background image: Upload, change or remove Heading background image here

Excerpt Length: Excerpt is a short extract or a short passage taken from the post. Length of the excerpt is determined by number of words. Therefore, if you opt a specific number like 20, the number of words contained in an excerpt will be equivalent to 20.

cus12

 

2. Single Post

Post Layout: Tick this box so that  single posts have the same layout as Post list. Uncheck to opt another layout.
Use Header Image: You can use Header blog image (the header image is displayed on Blog page) or Thumbnail (It is the featured image you set when you created a blog post) for Header image of single post.
Show Post Tags: If checked, post tags will be displayed on each post. Similarly, you can choose show/hide author’s bio.
Enable Social Sharing: Enable/Disable Social Sharing. If enable, you enable visitor to share your post by Facebook, Twitter, Google+, Pinterest and LinkedIn.

cus13

 

]]> Widgets https://nootheme.com/documents/widgets-3/ Sat, 31 Oct 2015 01:17:37 +0000 http://nootheme.com/?post_type=noo_document&p=22674
This section enables you to customize Widgets situated in Footer. Besides, you can also add widgets to Menu One, Menu Two, Menu Three, Noo Footer Top, Noo Footer Bottom, Noo-Footer #.
cus11

 

]]> Footer https://nootheme.com/documents/footer-2/ Sat, 31 Oct 2015 01:14:43 +0000 http://nootheme.com/?post_type=noo_document&p=22673 Learn more about Footer

]]> Header https://nootheme.com/documents/header-3/ Fri, 30 Oct 2015 10:56:43 +0000 http://nootheme.com/?post_type=noo_document&p=22596

1. Header Style

We provide you with 6 different styles of header. It comes down to you interest to opt a suitable header style

♣ Header Boxed
page289

♣ Header Shop
When you let the mouse hover over bullets, you will see menu items

cus1

♣ Header Business

cus2

♣ Header Transparent
cus3

♣ Header Minimalist

cus4

♣ Header Centralized

cus5

Note: Notice that all options you set in Header settings (these settings will appear when you create page) will override your choice to Header style in Customizer.

cus6

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.
Use Custom NavBar Font and Color: Enabling this button, you can change font, font size, link color, link hover color and style of letters (uppercase or lowercase). For example, if you decide on orange and green for Link and Link Hover respectively then the Navigation Bar will have transformation. It is very clear that color of the links now change to orange and  when you let your mouse hover over menu pagelink displayed on Navigation Bar, it will turn green.
Transform to Uppercase: if you tick this box, all menu items turn into Uppercase
page296
page295

Carle 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, uppercase or lowercase for text logo.If turning on this button then you can upload an image and change its height.

cus7
cus8

4. Navbar Alignment

Turn on the button to change Navbar Height and NavNar Link Spacing
cus9

 

5. NavBar Top

 

Show NavBar Top: Enabling this button, this will offer you some options to add to the header like Email, Working hours and Link Map

cus10

 

]]> Typography https://nootheme.com/documents/typography-2/ Fri, 30 Oct 2015 10:06:35 +0000 http://nootheme.com/?post_type=noo_document&p=22582
You can customize your Typography settings here. Carle integrated all Google Fonts. See font preview at Google Fonts

 

1. Custom Fonts 

Custom Fonts: Enable Custom Fonts to customize font, font size and other settings for heading and body text.
page284

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
page286
page285

3. Body

Body font: Choose a body font in the drop-down list
Font size: Opt a font size
page287

 

]]> Design and Layout https://nootheme.com/documents/design-and-layout-2/ Fri, 30 Oct 2015 09:45:50 +0000 http://nootheme.com/?post_type=noo_document&p=22569

1. Design

Theme RTL: If ticking No, from Right To Left, you will see the menu and the logo.
By contrast, when you tick Yes, that order will change: the logo is on the right side and the menu is on the left side.

page279
page280

Choose Color by theme: Opt a theme whose color will be changed
Use Multiple Color: Turn on this button then you will have two options to change color of various elements on your site
Primary Color One: Select a color
Primary Color Two: Select another color

page281

2. Layout

Site Layout: Full-width or Boxed. If you choose Boxed layout, you will have extra options:
Site Width, Site Max Width: control width of the site
Background Color: Select a background color
Background image: Select a background image
Background repeat: Background Repeat will work effectively if you use patterned background image as in the illustrative image on the right side. 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 to Background Image Alignment box.
page282
page283

 

]]> Site Enhancement https://nootheme.com/documents/site-enhancement-3/ Fri, 30 Oct 2015 09:04:52 +0000 http://nootheme.com/?post_type=noo_document&p=22566

Custom Favicon: A favicon is an image viewable in browsers for users to identify your website among many tabs. Please see the illustrative image below to better understand function of the favicon. After choosing the favicon, you will click Save and Publish. Then when you come back to your site, you will see an image displayed on the tap of your website. It is clear that by dint of the favion, you can distinguish your website`s tab from other tabs more easily:

page277

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…

Enable Mailchimp subscribe: Turn off this button, Mailchimp subscribe part  will disappear. If you turn on it then you will have an extra option (Mailchimp settings) to enter API key.

page278

 

]]> Menus https://nootheme.com/documents/menus-2/ Fri, 30 Oct 2015 08:50:08 +0000 http://nootheme.com/?post_type=noo_document&p=22564

Options in Customizer are in charge of appearance of your site. You can control various features of header, footer, font, color, logo, menu, etc here. Remember that any adjustments made by you will become real on the condition that you have clicked Save & Publish button on top.

Menus

You can create a new menu, change order of items in a formed menu or add items to the menu

page275

 

]]>