Jess Documentation

Greetings! Bellow you will find complete documentation for Jess theme.

General Information - Top

First of all, we want to say thank you! We're very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Feel free ask us if you need more help.

Folder Structure - Top

Jess theme folder structure:

FAQ - Top

Below are some of our more common support questions.

Is there a way I can add my own CSS touches?
Definitely! We have included a "Custom CSS" textarea panel in the Customizer within the "Global Settings" panel.

Sources and Credits - Top

This theme takes advantage of these generous tools:

Getting Started - Top

In this section we will go over the process of setting up WordPress environment, next I will show you how to install and activate your brand new theme. Finally you will learn how to setup all of the key features of Jess theme.

Preparing Wordpress - Top

If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server, here you will find a complete guide on this topic. Just follow the steps and you will be ready in no time with a WordPress website.

Installation and Theme Activation - Top

Each WordPress Theme can be installed in two ways: via ftp client or through the admin panel:

Installing WordPress Theme via FTP client:
  1. download the 'Jess.zip' package,
  2. connect to your server,
  3. navigate to the folder where your WordPress is installed,
  4. go to wp-content/themes/,
  5. upload the 'Jess' folder into the 'themes' directory (the path will look like this: wp-content/themes/Jess),
  6. open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
  7. login to your wp-admin panel then from the sidebar on the left choose 'Appearance',
  8. under 'Appearance' choose 'Themes',
  9. find the 'Jess' theme and click the 'Activate' button next to it.
Installing Theme via WordPress Admin Panel:
  1. open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
  2. login to your wp-admin panel then from the sidebar on the left choose 'Appearance',
  3. under 'Appearance' choose 'Themes',
  4. at the top click 'Install Themes' tab,
  5. under the header click the 'Upload' link,
  6. you will be redirected to upload form, click the 'choose file' button and navigate to the file called 'Jess.zip' choose it and click 'open',
  7. once the theme is done uploading it will automatically install,
  8. after the installation you will be able to activate the theme to do this click the "blue" activation link.

Setup Jess like the demo - Top

If you want to setup your theme to look like the Jess demo from TemplateExpress please follow this guide. The process is very simple and it should take up to 5 minutes.

  1. In your sites Admin section, navigate to 'Tools/Import/' and select Wordpress from the list of links.
  2. You may have to install the Wordpress Importer if you've not used this function before. If so click the Blue 'Install Now' button and follow the instructions
  3. Once installed you will be asked to Choose a file to upload. Locate the demo xml file in the Jess folder you downloaded and upload.

Customizer Options

The following options can be edited in your WordPress admin area. Go to Appearance > Customize.

Header Settings - Top

Site Title & Tagline

Social Media Accounts

Add the Full url to your Social Network account. Please include the url from: http....

Logo & Header Settings

Upload your sites logo. Recommended size 250px wide and 100px high.

Contact Details

Add an email address, telephone number or physical address in this field.

Global Settings - Top

Header Image

Upload a header image for your website. Recommended size 2000px wide and 500px high.

Site Favicons

This is the section where you can upload your Favicon (the small icon that appears in the browser tab).

You can also set the Apple App Icon by uploading a png of 152px x 152px

Pick Color Scheme

Select from 4 pre-styled color options.

Full Color Settings Colors

If you don't want to use one of the pre-styled options you can pick your own color settings by ticking the "use settings below" box.

You can change the colors for most things from this section, including the body background, top bar, footer bar and highlight colors.

Choose the color for your website from interactive palette of colors or paste your HEX value.

Custom CSS

For a safe way to add your own styles or overide any of our ones use this textbox. Add pure CSS only!

custom css screenshot from customizer

Homepage Settings - Top

There are loads of options within this section for you to create a personal homepage. Before these appear on your homepage you must make a page and select the Custom Homepage Template from the template options. You will then have to set this as your static homepage. Control Custom homepage settings, add a slider and more...

Featured Slider

Jess comes with a fully functioning slider. Simply click the checkbox and select the category to display the carousel and set the amount of slides you want. You will have to have posts with featured images before they appear in the slider.

Promotion Bar

Enter your featured text here. This will display directly below the homepage slider.

Featured Text Boxes

Images, links and text can be added to the 3 feature boxes that site below the Promotion Bar.

Font Settings - Top

Jess theme includes access to Google Font Library to customize most sections of the site.

Font Sections:

To enable your font choices make sure you've checked the enable checkbox.

font section screenshot

Jess supports custom menu and you can set it by using the following steps:

  1. Go to Appearance->Menus.
  2. Give your menu a name and build as you require.
  3. You can add pages, categories or custom URL’s.
  4. Now simply select the theme location(Primary Menu in our case) for your newly created menus using a widget on the left. Afterwards, click Save.

Widgets - Top

After installing the theme, your sidebars will be empty or have default widgets. These can be populated using the following steps:

  1. Go to Appearance > Widgets.
  2. You can drag and drop widgets in each of the positions.
  3. See Widget Help for more information.

Note: This theme has some extra widget areas in the footer and the left-sidebar templates. These can be populated using the same steps as above.

Images - Top

The following are just size recommendations and there is some flexibility with these sizes.

Logo = 250px width 100px height. The Jess demo site logo 240px width and 100px height.

Slider Images (Custom Homepage) = 2000px width 500px height. The Jess demo site logos are 2000px width and 500px height.




Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating this theme. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our themes or documentation please share them!

Template Express