Installation & Update

Before you can complete the installation, make certain you have unpacked the entire package. This is very important! You can complete the installation in either of two ways:

  1. WordPress Theme Manager - please go to Appearance > Themes > Add new > Upload, select the zipped theme folder called Go.zip and press Install Now WordPress will do the rest for you.
  2. FTP upload-upload non-zipped Nova to the /wp-content/themes/ folder in the WordPress installation folder on your server.

The Second part of this guide describes how to update Nova. When first installing Nova, make sure that you don’t make any changes in the files. If you have, and you don`t want to lose them, the best way save them is to use a freeware tool for comparing files, Beyond Compare for example (How to use it can be found on their website). After comparing files, you can then upload only those files that haven’t been changed.

If you haven`t changed any theme files, all you need to do to update your current version is to download the latest package from ThemeForest, unpack the files, and upload the new files on the server while replacing the old files by overwriting them.

All your data is safe becausetheme file updates do not change anything in the database. It is still recommended to always make a backup of your files & database.

IMPORTANT!!! After theme installation, you will see a box with information about required and optional plugins. To install and activate them, navigate to Appearance > Install Plugins and install those plugins that are required, the optional plugins for really same as demo.

1 click demo content

Simply go to Appearance > Sample Data click to install.

Notes: All data wil be replace with new data.

Customizer

Logo & Site Informations

Logo & Site Informations - please go to Appearance > Customizer > Header > Logo & Site Informations
  • SITE INFORMATION
    • Site Title
    • Tagline
  • BODY BACKGROUND
    • Body Background Color
    • Body Background Image
  • LOGO SETTINGS
    • Logo
    • Logo on header sticky
    • Logo width
    • Logo Position/Spacing
  • Site Icon(Favicon)

Socials

Socials - please go to Appearance > Customizer > Socials
  • Easy choose, edit and order socials
  • Icon Size
  • icon spacing

Header Styling

Header style

Header style - please go to Appearance > Customizer > Header > Header Style
  • TOPBAR
    • Show Topbar
    • Show on Header Sticky
    • Topbar Container
    • Topbar Height
  • HEADER MAIN/MIDDLE
    • Header Container
    • Header Height
    • Text Transform
    • Font Bold
  • HEADER STICKY
    • Enable sticky
    • Sticky Height

Header Areas

Header Areas

Header Areas - please go to Appearance > Customizer > Header > Choose one area to add/edit elements
  • TOPBAR ELEMENTS
    • Left area of Topbar
    • Center area of Topbar
    • Right area of Topbar
  • HEADER MAIN/MIDDLE ELEMENTS
    This areas will relative with logo position option area.
    Example: LOGO | LEFT | RIGHT, LEFT | LOGO | RIGHT
    • Left area of Header Main
    • Right area of Header Main
  • MOBILE ELEMENTS
    This areas will use with Mobile Option and Element Options options for making your ideas/style responsive

Header Elements

Header Elements

Header Elements - please go to Appearance > Customizer > Header > Choose one area to add/edit elements
  • Choose an Elements/widget add to this area

    Notes: we don't make sure all 3rd widgets have style working clearly with us

  • Each added element will have self options.

    And almost will have Responsive options and Custom Class

    • Normal: This Element will alway show.
    • ...: This Element will "Hide on screen Less than or Equal" ... .
    This option use with Mobile Elements Area and Mobile Option options for making your ideas/style responsive

Mobile Options

Mobile Options

Mobile Options - please go to Appearance > Customizer > Header > Mobile Options
  • Choose Screens Mobile Button will show on

    • Normal: This Element will alway show.
    • ...: This Element will "Hide on screen Great than or Equal" ... .
    • Node: If Element options are "Hide on Less than or Equal" This option is Great than or Equal

    This option use with Mobile Elements Area and Element Options options for making your ideas/style responsive

Typography

Page Callout - please go to Appearance > Customizer > Typography
    Google Font Load to list as default. This option for adding TypeKit Font and Local Fonts
  • Add Typekit Font by enter TypeKit Api Key
  • Add Local font by upload TTF font and choose Information for using(fontname, font weight & style)
  • BODY FONT Choose Font For Body
    • Font Family
    • Font Size (px)
    • Line_height
    • Letter Spacing
    • Font Weight & Style
  • HEADINGS FONTS Choose Font For Heading(H Tag)
    • Font Family
    • Line_height
    • Letter Spacing
    • Font Weight & Style
    • Font Size (px)(H2, H3, H4, H5, H6)
  • MENU FONT Choose Font For Footer
    • Font Family
    • Font Size (px)
    • Line_height
    • Letter Spacing
    • Font Weight & Style
  • FOOTER FONT Choose Font For Footer
    • Font Family
    • Font Size (px)
    • Font Weight & Style
    • Wiget Title
  • HEADER FONT Choose Font For Header
    • Font Family
    • Font Size (px)
    • Font Weight & Style

Layout Style

Layout Style - please go to Appearance > Customizer > Layout Style
  • GENERAL
    • Layout version => Full width or Container
    • Sidebar Class => Add your class & define col class (for woocommerce using woocommerce sidebar option)
    • Primary Class => Add your class & define col class
  • Page Sidebar => Choosing which sidebar area using for page.

Thumbnails Add/Update

Page Callout - please go to Appearance > Customizer > Thumbnails
  • Add/Update Thumbnails
    • Each Thumbnail style structure: Name|Width|Height|Crop
    • Each Line is 1 Thumbnail size that you want register
    • After update this options. you need install plugin Regenerate Thumnails after active go to your_url/wp-admin/tools.php?page=regenerate-thumbnails/ for making new thumbnails work.

Global Settings

Global Settings - please go to Appearance > Customizer > Global Settings > Button
  • Button Text Transform
  • Arrows Style => Nav Arrow Style of Slider
  • Bullets Style => Bullets Style of Slider

General Color

General Color - please go to Appearance > Customizer > Color > General
  • Primary Color | Secondary Color | Success Color | Alert Color
    Could using in some case with class text-*,bg-* . Example: text-primary,bg-primary
  • Link color (set color for a tag)
  • Link Hover color (set color for a tag on Hover)
  • Body Text color
  • Body Secondary Text Color => Could use by class 'text-bodysecondary'

Header Color

Header Color - please go to Appearance > Customizer > Color > Header
  • Topbar Color
    • Topbar background Color
    • Topbar Text Color
    • Topbar Text Color on Hover
  • Header Color
    • Header background Color
    • Header Text Color
    • Header Text Color on Hover

Blog Layout

Blog Layout - please go to Appearance > Customizer > Post
  • Sidebar Position => Setting sidebar positions(Left,Right,No Sidebar)
  • Choose Which Sidebar using
  • Layout style for Blog(Grid,List...)
  • Image Size
  • Blog Text Size
  • Blog Grid Columns
  • Show Title
  • Show Zoom Button
  • Show Category
  • Choose H Tag for Title
  • Show Date on Thumbnail
  • Show Hide Metas
  • Metas Options. Support Shortcode(Some default theme shortcode: [post_date][post_comments][post_author][post_category][post_tags]
  • Content Options

Blog Single

Blog Single - please go to Appearance > Customizer > Post
  • Choosing Thumbnails Size
  • Show Pagination
  • Show Related Post
  • Number Related Post

Woocommerce Layout

Woocommerce Layout - please go to Appearance > Customizer > Woocommerce > Layout
  • Sidebar Class => Settings Custom Class and col-* width for sidebar
  • Sidebar Position => Set Sidebar Position Left | Right | No Sidebar
  • Number Product Columns
  • Sidebar Position for Product Details/Sngle=> Set Sidebar Position Left | Right | No Sidebar

Product Catalog

Product Catalog - please go to Appearance > Customizer > Woocommerce > Product Catalog
  • Choose what show on shop page. => Products | Just Category | Both
  • Choose what show on Category page. => Products | Just Category | Both
  • Default Sorting

Basic Checkout Fields

Product Catalog - please go to Appearance > Customizer > Woocommerce > CheckOut
  • Company name field
  • Address line 2 field
  • Phone field
  • Privacy policy page
  • Terms and conditions page
  • Privacy policy
  • Terms and conditions

Product Image

Product Catalog - please go to Appearance > Customizer > Woocommerce > Product Image
  • Main image width => Single product Image Size
  • Thumbnail width => Product Catalog Size
  • Thumbnail cropping => Ratio Image size width/height
  • Cropped or Uncropped

Widget Area

Widget Areas - please go to Appearance > Customizer > Widgets or your_url/wp-admin/widgets.php
  • Easy Create or remove widget area

Color

Color Scheme - please go to Appearance > Customizer > Color > General
  • Choose a color form Example Schemes
  • Custom Primary color
  • Custom Link color
  • Custom Link hover color
  • Custom H tag color
  • Custom Body text color
  • Custom Body secondary color(for some special element), it is diffrence in each skin
Color Header - please go to Appearance > Customizer > Color > Header

Header Color

Select color for background header,text header.

  • Header Background Color
  • Header Text Color

Menu Color

Select color for background menu, background submenu color menu a, color menu a:hover, background menu a:hover...

  • Mainnav Background
  • Mainnav a color
  • Mainnav a hover color
  • Subnav a color
  • Subnav background color
  • Subnav border color
  • Subnav background hover color
Color Scheme - please go to Appearance > Customizer > Color > Footer
  • Footer Border Color
  • Footer Background Color
  • Footer Widget Title Color
  • Footer Widget Text Color
  • Footer Widdget Text hover Color

Restore Block

When see the Gutenberg ".. Invalid Content" - Please Fixed like the Red Arrow in image. This notification because some time the Gutenberg auto add figure tag to img content so it diffence with the old version saving or Because of some extra field update.. Thank you!

Blog Options

Blog Options - please go to Appearance > Customizer > Post

Blog Layout

All options in this section will be used to make style for blog page.

  • List Sidebar Position:[No Sidebar | Sidebar Left | Sidebar Right]
  • List Sidebar: Easy choose widget area(Could dynamic create and add at Appearance > Customizer > Widgets ) for blog page
  • Blog Post Style:[List No thumb | List | List Small | Grid]
  • Post Columns:Choose columns for grids
  • Post Excepts Length:Length of text trim
  • Show post meta
  • Show Readmore
  • Readmore Text
  • Pagination Style[Pager | Numeric | Pager and Numeric | Load more

Blog Single

Also, you can change the style for blog single to make your site unique.

  • Show Post Navigator
  • Show Related Posts
  • Related Posts Style: [List No thumb | List | List Small | Grid]
  • Columns Of Related Posts: Select columns for grid
  • Number Of Related Posts: Number of post show in related area.

Layout

Layout - please go to Appearance > Customizer > Layout style
  • Layout version: [Wide | Boxed]
  • List Sidebar Position: [No sidebar | Sidebar Left | Sidebar Right]. This is option for sidebar default position for page(when page option is not set).
  • List Sidebar Position: Choose widget area to show. This widget area could dynamic create at Appearance > Widgets
  • Show Breadcrumb
  • Breadcrumb Prefix
  • Breadcrumb Separator

Additional CSS

Typography - please go to Appearance > Customizer > Additional CSS
  • Easy add your custom css style

Additional Js

Typography - please go to Appearance > Customizer > Additional Js
  • Easy add your custom js

Translation

  • Use .mo/.po files and Poedit software:For all those who prefer translation using files included in the theme we recommend using the .mo/.po files. Those files work in pairs, so for each language you need to have 2 files with the same name but a different extension. For example, if you want to translate into German language, your files would be de_DE.mo and de_DE.po To edit these files you need to use Poedit an easy to use software application. Simply upload the files into Poedit, edit them and upload them into the"languages" folder included in the theme.
  • If you want a multilingual website: You could use: