Customizer – NooTheme

Woocommerce

Jessica — Fri, 05 Aug 2016 02:41:21 +0000

1. Shop Page

Show Heading: Select Show or Hide
Height of Heading Background: This option adjusts height of Heading Background
Using Parallax: Check this box to enable parallax effect on your heading background
Heading Background Image: Upload a heading background image here
Shop Title: Enter a title for Heading area
Shop sub title: Enter a subtitle for Heading area
Shop Layout: there are 2 layouts which are Full-width and Boxed

1. Full-width

2. Boxed

Shop Sidebar: You can show Right Sidebar/ Left sidebar or hide Sidebar
Choose Sidebar: select a sidebar which is shown on Shop Page
Products Grid Columns: The number of columns is shown on Shop page
Show Filter by attribute: You can select Yes or No to show or hide the filter
Show Display by View: show display of products based on Grid or List
Show View Style: There are 3 view styles

1. Style one

2. Style two

3. Style three

Products Per Page: The number of products is shown per page

2. Single Product

Product Layout: You can choose the same layout as Shop Page or another layout
Related Products Count: The number of related products is shown on each single product page

Blog

Jessica — Fri, 05 Aug 2016 02:12:38 +0000

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
Show Heading?: Select Show or Hide
Heading Title: Enter a title for Heading
Heading Sub title: Enter a sub title for Heading
Height of Heading Background: You can change height of heading background here
Using Parallax: Check this box to enable parallax effect on your heading background
Heading Background Image: Upload a heading background image here

2. Single Post

Show heading: Select Show or Hide
Heading subtitle: Enter a subtitle for the Heading area
Height of Heading Background: Adjust height of heading background here
Using Parallax: Tick this box to enable parallax effect on your heading background
Heading Background Image: Upload a heading background image
Post layout: You can choose the same layout as Blog layout or choose another style
Enable Related Post: Turn this button on to show related posts
Show Post Meta: 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

Footer

Jessica — Fri, 05 Aug 2016 01:50:09 +0000

Footer Layout: There are two layouts which are full-width and boxed

1. Full width

2. Boxed

Footer Columns (Widgetized): The number of footer columns fluctuates between 0 and 4

Background Image: Upload a background image for footer
Footer Bottom Content (HTML): enter content for Footer Bottom

Header

Jessica — Fri, 05 Aug 2016 01:43:42 +0000

1. Header Style

There are 4 styles of Header in Umbra theme

Header Default

Header Business

Header Center

If you want to create Header Center, you will need to create 2 menus in Appearance/ Menus. We call them Menu Left and Menu Right. Here are images of these 2 menus:

Learn more about creating a menu: Set Up Menu

Header Transparent

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.
Show Shopping Cart/ Search Icon/ Wishlist Icon: Turn these buttons on to show these items
Use Custom NavBar Font and Color: Turn this button on to adjust NavBar font and color. When you enable this button, you will have extra options such as:
NavBar Font: Select a font for menu items on navigation bar
Font Size: Set up a Font Size
Link Color/ Link Hover Color: Select a color or hover color for menu items

Transform to Uppercase: Tick this box so that Header font will transform into Uppercase
NavBar Link Spacing: You can change NavBar Link Spacing here

3. Logo

Umbra 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 Your Logo, adjust Image Height, Upload Your Logo Transparent and change Image Transparent Height

4. Top Bar

Show Top Bar: Turn this button on to show Top Bar
Mail/ Phone: Enter an email address and phone number
Show Wishlist/ Show My Account and Show Checkout: Turn these buttons on to show these items on the top bar

Custom Code

Jessica — Thu, 04 Aug 2016 15:25:19 +0000

In this section you can add custom JavaScript and CSS to your site. Your Google analytics tracking code should be added to Custom JavaScript field

Import/Export Settings

Jessica — Thu, 04 Aug 2016 15:21:38 +0000

All themes of NooTheme share the same settings structure so that you can export and 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 into 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 can use that file to restore theme settings to any themes of NooTheme

Widgets

Jessica — Thu, 04 Aug 2016 15:19:34 +0000

This section helps you to make changes to sidebars and widgets of Footer, namely Noo- Footer Column #1,2,3 and 4

Typography

Jessica — Thu, 04 Aug 2016 15:16:09 +0000

You can customize your Typography settings here. Umbra integrated all Google Fonts. See font preview at Google Fonts
Turning Use Custom Fonts and Custom Font Color buttons on, you will have the following options:

1. Headings

Headings font and color: select font and color for headings
Transform to Uppercase: If you tick this box, headings such as

will be in uppercase

2. Body

You can make adjustments to Body font, Font color and Font size

Static Front Page

Jessica — Thu, 04 Aug 2016 10:24:40 +0000

Settings here are used to set up Home page and Blog page
Front Page Display: Tick the box of A Static Page
Front Page: Choose a Home page in the drop-down list
Posts Page: Choose a Blog page in the drop-down list

Site Enhancement

Jessica — Thu, 04 Aug 2016 10:21:32 +0000

Back To Top Button: Back To Top Button will appear at the the right bottom when users scroll down
Enable Page Heading: Turn it on or off to show or hide page heading

Menus

Jessica — Thu, 04 Aug 2016 10:19:03 +0000

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

Site Identity

Jessica — Thu, 04 Aug 2016 10:17:10 +0000

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 with the condition that you have clicked Save & Publish button on top

Logo: Upload a logo for your site
Tag line: this one reveals a brief description of the site
Site icon is an image viewable in browsers for users to identify your website among many tabs. Please remember that the icon must be square and at least 512px wide and high. See the illustrative image to better understand function of the site icon. After choosing the image , 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 this icon, you can distinguish your website`s tab from other tabs more easily.