Eryn Documentation

Greetings! Bellow you will find complete documentation for Eryn 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.

Activate Automatic Upgrades - Top

Pro Version Only

We have included automatic upgrades for this theme but before you can take advantage of this one-click upgrade facility you must first activate your licence.

  1. Select and activate Eryn Pro from the themes screen.
  2. Navigate to Appearance -> Theme Licence
  3. Paste in your licence key in the the field provided and Save changes
  4. Once saved, click Activate Licence Button
  5. Once activated you should see the licence details
  6. Congratulations, your theme licence is now activated and you will recieve notices of any theme updates and when your licence is due for renewal in the WordPress Admin 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 Eryn 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 Theme via WordPress Admin Panel (recommended):
  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 main menu sidebar, choose 'Appearance -> Themes',
  3. at the top click 'Install Themes' tab,
  4. under the header click the 'Upload' link,
  5. you will be redirected to upload form, click the 'choose file' button and navigate to and select the erynpro.zip file you downloaded from us then click 'open',
  6. once the theme is done uploading it will automatically install,
  7. after the installation you will be able to activate the theme to do this click the "blue" activation link.
Installing WordPress Theme via FTP client:
  1. unzip the 'erynpro.zip'
  2. connect to your server,
  3. navigate to the folder where your WordPress is installed,
  4. drill down to /wp-content/themes/,
  5. upload the 'erynpro' unzipped folder into the 'themes' directory (the path will look like this: wp-content/themes/erynpro),
  6. On your web browser navigate to your wordpress installed website admin section e.g www.your_domain.com/wp-admin
  7. login to your wp-admin panel, then from the main menu sidebar, choose 'Appearance -> Themes',
  8. find the 'erynpro' theme and click the 'Activate' button next to it.
  9. You have now installed and activated Eryn Pro theme!

Global Settings - Top

Site Title & Tagline

Large Sidebar Image

You have the option to upload your own default sidebar image in the "Large Sidebar Image" section in the customizer. Portrait Images work best!

You customize your own alt tag in the field below.

Logos

Social Media Accounts

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

Front End: Click the share button next to the magnifying glass to see the chosen networks.

Favicon & App Icons

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

Background Image

You can choose to add a background image to the header section by uploading one from your computer. We recommend an image dimension size of 1700px × 470px.

You also have control to repeat the image in all CSS directions.

Theme Appearance

Pro Version Only

The Pro version of Eryn has with it several pre-built stylesheets to give a completely different feel to your site.

  1. Navigate to Appearance -> Customize
  2. Expand "Site Settings" Panel
  3. Expand "Theme Appearance" section
  4. Select your pre-styled option from the list.
  5. Press "Save and Publish"
Alternative Styles for Eryn

Custom CSS

Pro Version Only

For a safe way to add your own styles or overide any of our ones use this textbox. You can be sure that these styles will be not be changed when you upgrade the theme or WordPress. Add pure CSS only!

  1. Navigate to Appearance -> Customize
  2. Expand "Site Settings" Panel
  3. Expand "Custom CSS" section
  4. Add your CSS styles in the box provided to override any default styles.
  5. Press "Save and Publish"
Custom CSS for Eryn

Homepage Settings - Top

Hide Elements

Simply mark the checkboxes of the elements you don't want to display on the homepage.

Copyright Settings

Customize your own copyright information or just leave it empty for the default.

Hide Footer Elements

Hide or display the Widget Area and Copyright Bar

Colors & Fonts - Top

Colors - Large Sidebar

You can change the font color for site title, tagline and hover effect in this section.

Colors - Main Body

You can change the main body text, links and hover effects in this section.

Colors - Footer

You can change the footer background color, footer text, links and hover effects in this section.

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

Note: the free version contains far fewer google fonts. For the full catalogue of fonts purchase the premium version.

Font Sections:

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

font section screenshot

Fonts - Site Title

If you want your site title to stand out a bit then control the font settings here.

Fonts - Body-text

Control the main body text for your site here.

Fonts - Headers

Adding icons to menu items

If your looking to achieve a similar effect as the demo with icons next to the menu name them follow the instructions below.

  1. Visit Font-Awesome and navigate to the icon your interested in and open its detail page.
  2. Copy the snippet of code that looks like the screenshot below.
  3. font-awesome screenshot
  4. Go to your Menu admin and expand the menu element your interest in and paste the snippet before the link title.
  5. Menu Icon Paste screenshot

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 slide out panels. These can be populated using the same steps as above.




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