Documentation

Welcome to Regn Documentation. Here you will find the all the useful detailed instructions to use Regn theme.

Contents

General

Hey there! We are very pleased that you have chosen Regn for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation and Knowledge base, and also watch our Video Tutorials. We provide you with all the details you need to use Regn. It can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please follow this link to see our section on WordPress to help you get started.

Thanks, and enjoy!

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.

Regn Requirements

To use Regn, please make sure you are running WordPress 4.7 or higher, PHP 5.6 or higher, and MySQL 5.6 or higher (for legacy environments also PHP versions 5.3.x will work but it is recommended to be on at least PHP 5.6 and preferably PHP 7.0. WordPress recommends PHP 7). We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

To check your system status please go to Codeless -> System Status on the manin WP menu.

Recommended PHP Configuration Limits

Many issues that you may run into such as; white screen, demo content fails when importing and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time: 180
  • memory_limit: 128M
  • post_max_size: 32M
  • upload_max_filesize: 32M

What's included

When you purchase our theme from ThemeForest, you can download the Regn files via the 'Downloads' tab on your ThemeForest account. When you download Regn, you have 2 options, either download 'All Files & Documentation' or the 'Installable WordPress File Only'. The former includes the theme files and supporting documents, while the latter only includes the theme's installable WordPress file. The latter is recommended when you're only looking to update/install the theme manually. Aside from the digital files you get when you purchase the theme, you also obtain exclusive services that will help you as you use the theme. Below is a full list of everything that is included when you purchase the theme and download all the included files.

Theme Support

All of our items come with 6 months of included support and free lifetime updates for your theme. After the 6 months period, you have the opportunity to extend support coverage up to 6 or 12 months further. If you choose to not extend your support, you will still be able to submit bug reports via email or item comments and still have access to our online documentation knowledge base and video tutorials. Envato clarifies item support here http://themeforest.net/page/item_support_policy We have an open forum system to answer the question. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, we suggest enlisting the help of a developer.

How To Receive Support

Before posting on the forum

Extending and renewing Support

On September 1st, 2015, Envato changed their terms and conditions for item support and introduced paid item support for Themeforest and CodeCanyon. When you purchase a theme, you will be granted an inclusive 6 months period of support for that item. When this expires you can choose to extend your item support for a further 6/12 months at a fee. Please continue reading below to learn more about item support, or click to read Envato's 'What Is Item Support?' article.

How To Renew or Extend Support

You are eligible to renew or extend your support subscription if you have less than 6 months support remaining and the author is still supporting the item. The cost of purchasing support can vary according to the different periods of your subscription. For example, extending your support subscription while it's still active costs less than renewing it when it has expired. To learn more about this, please read Envato's 'Extending and Renewing Item Support' article found here.

  • 1. Login to your ThemeForest account and go to the Downloads tab.
  • 2. Search Regn theme.
  • 3. Here you will see how many month support you have remained and a link to extend the support time.
  • 4. Click it and you will be redirected to item's page. On the right side you will see how many months support you have remaining and the 'Extend Now and save' button.
  • 5. Once you click the 'Extend Now and Save' button, you’ll be redirected to the checkout page. Confirm your payment details and follow the on screen prompts to finish purchasing the extension.


What will happen if I do not renew the item support?

In this case you will not be granted access to hands on support. You will however continue to receive theme updates that contain bug fixes, new features and access to our online documentation, help files, video tutorials and the community forum.

When can I renew the item support?

There are 3 scenarios for when you can extend or renew item support; At the time of purchase, during your support period, and after your item support has expired.

Register your purchase

After theme installation it's required to activate it for being able to use the theme. You need to enter your email and the theme purchase code at theme activation screen like in the screenshot below. This registration is requested before installing demo data and plugins, for a reliable and secure theme setup.

How to find your purchase code?

Go to Download page at your account on Themeforest, search Regn theme in the list of purchased items and go to item page. Click Support tab and there you will find the purchase code and the support extension validation.

Licensing

When purchasing Regn from ThemeForest, you have two licensing options. The Regular License, and the Extended License. The billing, licensing terms and process is purely handled by Envato (the company who owns ThemeForest), and we have no control over these aspects. To learn more about what each License is for and which one to purchase, continue reading below.

License Information Purchase another license

Installation

You can install the theme in two ways: through WordPress, or via FTP.
The Regn.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. There are two ways to install Regn, via WordPress or via FTP. First, you need to download the Regn files from your ThemeForest account. Navigate to your downloads tab on ThemeForest and find Regn. Click the download button to see the two options; The Main Files and the Installable WordPress Theme. See below:


What’s included in The Main Files:

theme/
├── Regn
├── Regn-child-theme
├── Documentation
├── License
└── Slider-dummy-data

What’s included in The Installable WordPress Theme:

Wordpress Installation

There are two ways you can install the Regn theme. You can choose to install it via WordPress, which is what will be outlined in this article, or via FTP. Before you can install Regn, you need download the necessary theme files from your ThemeForest account. Continue reading below for more information.

Downloading Theme Files From ThemeForest

Step 1 – Login to your ThemeForest account and navigate to your 'Downloads' tab and then locate your Regn theme purchase.
Step 2 – Click the 'Download' button and choose to either download the 'Installable WordPress file only', which is just the WordPress installable file, or choose to download 'All Files & Documentation' which is the full Regn theme package.
Step 3 – For instructions on how to install the theme via WordPress, click here



How To Install Regn via WordPress

Step 1 – Navigate to WordPress Dashboard > Appearance > Themes.
Step 2 – Click the 'Add New' button on top of the page, then the 'Upload Theme' button.
Step 3 – Click 'Choose File' and find the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file, then you do not need to unzip the file. If you’ve downloaded the Full Theme Package, you have to unzip the master Regn.zip file, there in you will see Regn folder, zip this one and select it to install.
Step 4 – Once the file has uploaded, the next and very important step is to activate your Regn WordPress Theme. Only then you can install the demos and activate our plugins.
Go to WordPress Dashboard > Appearance > Themes and click the Activate button.



Click Here To Watch Regn theme's Wordpress Installation Video Tutorial


FTP Installation

Downloading Theme Files From ThemeForest

Step 1 – Login to your ThemeForest account and navigate to your 'Downloads' tab and then locate your Regn theme purchase.
Step 2 – Click the 'Download' button and choose to either download the 'Installable WordPress file only', which is just the WordPress installable file, or choose to download 'All Files & Documentation' which is the full Regn theme package.
Step 3 – For instructions on how to install the theme via WordPress, click here


How To Install Regn via FTP

Step 1 – Log into your server installation via FTP. You can use software such as Filezilla for this.
Step 2 – If you have downloaded the Full Theme Package from ThemeForest, please unzip the master Regn.zip file and then select only the Regn folder.
Step 3 – Upload the extracted Regn folder to the wp-content > themes folder on the server. Make sure the folder name is -> Regn.



Step 4 – Log in to your WordPress Dashboard and navigate to Appearance > Themes and clicking the ‘Activate’ button, for the Regn theme.

Update Theme

There are three ways to update your theme. Before you update, it is best practice to always check our update notes. Also we strongly recommend you to make a backup of your previous theme folder. See the information below for more.

Before you update, it's best practice to always check our Important Update Information article which is updated for each new version, and to make a full backup of your theme folder, files and entire database. If you update via FTP, it's important that you delete (not replace) the old Regn theme folder, Codeless Builder and Core plugin folders. They need deleted because if you only replace the folders, then old files can be left on the server and can cause issues. When you update via WordPress admin, these folders are automatically deleted.

Updating theme using Envato Toolkit or Envato Market plugin

These two plugins are created both by Envato and server the same purpose. They help you take track of the available updates of theme and all the plugins you have purchased from Envato. You can update them by one click. The later one is a follow up of the first plugin and will also replace Envato Toolkit in a near future. So we strongly suggest to install Envato Market plugin.

Step 1 – Go to Envato Toolkit plugin option panel:



Step 2 – Enter your Envato Username and Secret API key. To generate an API key, select Settings from the Envato account dropdown, then navigate to the API Keys tab. Multiple API keys can be generated so it is recommended to use one per application.
Step 3 – Back in Wordpress, Click 'Save Settings'.
Step 4 – There will appear a new tab 'Themes'. Find Regn theme there and click update. Then wait some seconds.
Step 5 – Last, update the included plugins. You will see a notification message letting you know the plugins that have a new version and need to be updated. Follow the on screen steps.

To use the Envato Market plugin, follow this tutorial.

How To Update Regn via Wordpress

Step 1 – Deactivate the current Regn theme in the "Appearance > Themes" section by simply activating a different theme. Once you activate a different theme, you can delete the Regn theme. Your data is saved in the database so the content will not be lost!
Step 2 – Retrieve the Regn.zip file from your Themeforest downloads. If you downloaded the "Main Files" from Themeforest, then just unzip the archive file you received. Retrieve the "Regn" folder inside of it. Zip it, and upload via Wordpress dashboard.
Step 3 – In the "Appearance > Themes" section, click on the "Install Themes" tab at the top and choose to upload the "Regn.zip" file.
Step 4 – After the upload is done, activate the theme.
Step 5 – Last, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. Follow the on screen steps.

How To Update Regn via FTP

Step 1 – Go to "wp-content > themes" location and backup your "Regn" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Step 2 – Retrieve the newly downloaded "Regn.zip" file from your hard-drive and extract the file to get the "Regn" theme folder.
Step 3 – Import the new "Regn" theme folder into "wp-content > themes" location. Choose to "Replace" the current one if you did not delete it.
Step 4 – Lastly, update the included plugins. Go to your "wp-content/plugins" folder. Find and delete the plugins that came with the theme. Go back to your wordpress dashboard, a notification message letting you know there are required plugins that need to be installed. Follow the on screen steps.

Important Update Information

Always Backup Your Current Setup

We strongly recommend to make sure that you have a current backup of your web site, including your wp-content folder, your wp-config.php file, and your .htaccess file in your WordPress installation folder, and a copy of your WordPress database. You can use these to revert back to your original site if anything unexpected happens during the update process. If you are not familiar with the backup process and can not do this yourself, there are several plugins available that completely automate that process for you, such as: UpDraft Plus and WordPress Backup Buddy. If you are using the Revolution Slider and have added custom css, please make a backup of the styles because those will be removed when you update. You can also backup your Regn Theme Options on the Backup tab in Appearance > Theme Options > Backup.

Do Not Keep Older Copies of The Theme In WP Theme Folder.

You should completely remove all previous Regn theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

Do Not Rename The Theme Folder

If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. Make a copy of your current theme folder before you upload the new theme.

Reset Theme Cache, Browser Cache, Server Cache And Plugin Cache.

It is always recommended to reset all caching systems after an update, including theme cache, your browser, plugin (e.g. W3 Total Cache), and server cache. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups. View our general cache information that describes the various forms of cache and how to clear them.

Update Child Theme

If you have copied template files from parent theme to child theme. Please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.

Required & Recommended Plugins Must Be Updated

When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. Our Codeless Builder plugin is the only required plugin and it has to be installed and activated for theme features to work. Make sure you are always using the most recent version of the Codeless Builder plugin (this will not be an issue if you keep theme up to date). It will be installed automatically upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to Appearance > Install Plugins page and install the plugin that way. Every time you update the theme, the plugin also will be updated.

Plugins – License activation is required to receive updates ?

For all the included plugins, Visual Composer too, we have purchased a Extended License that let us to bundle the plugins with the theme.

This means they can be used by any one purchasing our theme as long as they use the version included in theme folder. You don't need to purchase any other license the plugins are included in the theme. But you can not update it on your own terms with this type of license. The rules of the marketplace do not allow us to give the plugin activation code but you can use the existing version without any problem. We update frequently all theme plugins to their latest versions in every theme release or in case when an urgent update is needed. So they are always fully compatible with the current theme version.

If you want to buy a license by yourself this is allowed. You have to buy a new single license but we thought that this isn't needed because the version included works perfectly. You are free to make the choice that best fits your needs.

How to install your Demo template

This is one of the most important features like importing demo template for you to work on it instead of starting th esite from scratch. Regn comes with a handful of build-in demo's. Just choose the one that is more suitable for your site and in a few click it'll be all done! .

Using the Setup Wizard:

The automatic setup wizard will help you configure your new website. The importer will upload for you all pages and posts, some sample sliders, widgets, Theme Options and more. This is recommended to do on fresh installs. It will not replace content like posts, pages, etc. and it will not delete current menus or sliders. It will, however, configure and use the selected demo menus, add sliders and replace Theme Options, Reading Settings and Widget Settings.

Step 1 - Go to your Codeless > Home and scroll down to the "Setup Wizard" section. Click on "Setup Now".



Step 2 - By clicking Setup Now, a new window will appear with all available demos. Select the demo you want.



Within minutes all necessary data will be imported in your server.



..and you're done! You will see a Success message at the end of the process.


Installing Header and Footer

The new technology of this theme has made it even more simple! Now you can import seprately the header and footer. Select the preferred layout from the given demos and install with one click. Mix and match styles to your wish and convenience!

Header Wizard

We have created a new tool for our users to automatically select from 19 predefined headers. You can find the Header Wizard from Codeless Menu in the left navigation section of WordPress Administration Panel. Just click over the header you want to import. The header will be changed in 1-2 seconds!



Footer Wizard

The same as Header Wizard you can select from predefined Footers, all of them with predefined widgets ready for use.



Customization

You can customize all pages and Theme Options from the Customize Button on the top bar navigation of WP site or from the Admin Panel: Appearance -> Customizer

Child Theme Installation

The child theme is a copy of theme that inherits all Regn options and styling. Here you can customize the default styles and options to your wish. All you have to do is install child theme and activate it. After this you can edit out child theme files to your wish. Since this is independent from the parent theme, all the custom changes made to it will not be affected by future theme updates.

But as the name says, it is a child theme. So for it to work properly you MUST have installed the parent theme first. In the paragraph above you learned how to install theme.

Read below the steps to install and use a child theme:


How To Install Regn child theme

Step 1 – The methods to install a theme are the same as the parent theme. You can import it via Wordpress or ftp.
Step 2 – You need to have downloaded the Full Theme Package from ThemeForest, in order to have the child theme folder. Unzip the master Regn.zip file and then select only the Regn-child theme folder.
Step 3 – Zip and upload the extracted child theme folder to the Wordpress > Themes > Add New in your Wordpress dashboard. Or leave as it is and upload the folder into your wp-content > themes folder on the server. Make sure the folder name is -> Regn-child.



Step 4 – Log in to your WordPress Dashboard and navigate to Appearance > Themes and click the ‘Activate’ button, for the Regn Child theme.

Theme Options

We present you the new live customizer. Using this new feature you can change and see at the moment all your customization in the site and page, live. Make all the changes you want to theme options and save them ONLY after you have finished all the work. To access the customizer go to your Appearance > Customize.




Regn Theme Options


Active Theme

Check out the current active theme in your site.


General

Set up Responsive Layout, options about Nice Scroll, Favicon, Page comments, Back to Top, 404 error message, page transitions and other theme features.



General

In this section you set up some of the main site options.



Select type of header to use, Header Layout, global header options. Set up logo image or font. Assign styles for other header elements such as header box layout, background, border, menu etc. Here you can assign a sticky header too and style it. Customize the menu and Top Navigation Area.





Header General

Header layout and global header options.




Logo

This is the section where you add your site's logo.




Menu

In this section you select and style main menu.




Main Header Area

In this section you assing header height, space between menu items etc.





Top Header Area

In this section you customize the top header style.





Sticky

In this section you make header position fixed or otherwise known as Sticky.




Layout

Default Site Layout for all pages/posts/archives etc on this site. For specific post types you can change them on respective section.



Typography

In this section you style all main section of the site as general, header, blog and footer.






Colors

In this section select all main colors to use for the main sections of the site.






Buttons

In this section you set up buttons font style.



Blog

In this section you style all text available at the blog page.





Widgets

Your theme has 4 other widget areas, but this particular page doesn’t display them. You can navigate to other pages on your site while using the Customizer to view and edit the widgets displayed on those pages.




In this section you style the footer section.







Site Identity

Set a title and tag line to present your website.





As the title implies, add, remove and customize site menus here. Assign a menu to your site and add/remove menu items to existing menus.




How to Add a Page To Menu Video Tutorial


Widgets

This section is responsible for the widgets. Select the area you want to add or remove widgets from and after clicking on it, you will be able to see all of it's current widgets. Customize them to your wish.






Static Front Page

Similar to your old default Wordpress Static page, this section specifies whither you will be using your post's page as a home page or a static page.




Post

Add and edit website posts in this section.




Pages

Add and edit website pages in this section.



Image Sizes

Images are an important part of a website. They make it flattering and eye-catching if presented in the right dimensions and resolution. In this Options Section you can define all image sizes of site. Leave the width and height empty to display the full image. Leave empty the height attribute to disable the crop.

To find the option go to Codeless > Image Sizes.

General

Image Resizing - Codeless Theme has the ability to create only the needed thumbnails. For ex, if you add a blog featured image, it will not create automatically all image sizes, it will create only the blog featured image size. Disable this feature if you use CDN. If you disable this feature you need to regenerate thumbnails.

Add Custom Size - Here you can add a new id for a custom image size. You can edit width, height after Save. The new size will be shown at Other Section. After setting the new image size you can use it over your web-page.


Blog

Blog Entry - Used as default for all blog images.

Blog Entry Small - Used for Blog Grid and Carousels, News, Media, Alternate.

Blog Post - Used for Blog Grid and Carousels, News, Media, Alternate.

Width: Specify the width of the image

Height: Specify the height of the image

Crop Location: Crop is the action where wordpress forcefully resizes the image you upload to the specified dimensions. Select one of the drop down option to specify the position where the crop should start. Leave default of you do not want to crop images.


Other

Use to add additional image sizes to use for other part of the site.

Show element options shortcut

Shift + Ctrl + Click on element - to easily access the element's options. Click on any element and the it's options will show us in customizer panel.

Logo Builder is another powerful feature of Codeless Builder. Create the logo instantanly and see the changes live. Drag and drop it everywhere in header. Click the logo edit icon that is displayed when hover the logo. The logo options will be displayed in Customizer.

Logo options:

Logo type - Select the type: font logo or image.
Logo Font - Font family, subset, font size, style, letter spacing, text align, text transform and color.
Logo Image - In this logo type you can add the light and dark logo images, set the logo height and add additional logo for the responsive view.


Header Builder

The main header options are at Header in the main Customizer menu. Header has it's elements that can be placed anywhere with drag and drop.


To add elements at header, click one of the gray balloons that appear in header area when hovering it. The options of each element will be displayed at Customizer panel when selecting them. The available elements for the header:

Social Icon - Add social link, select the socials you want to display, select fort size, color, border style, display mode, space between icons, icon alignment, line height, margins and paddings.
Logo - click here to read more about logo builder.
Menu - Select if you want hamburger menu or vertical menu (other options for each style will appear), menu animation effects.
Tools - Choose the elements you want to display in tools: search, cart, side navigation. Each of them has specific options which are displayed in Customizer on clicking edit icon on elements.
Button - Add the button text and link. Also can change the margins, paddings and borders.
Text - Add simple text, ex. Site slogan which is usually displayed after logo or important information.


Elements

Within Regn WordPress Theme you will get a total of 27 elements and we are going to describe each one of them in this section. We should include also the fact that we'll add other elements from time to time.
There is an easy way to show all the elements : you simply click on the black line below the main menu. But you can also add elements on every section possible, by clicking the icon located on left and right of the rows and columns.
See the image below.

show-elements

Contact Form7

Create and add a Contact Form7 in just few clicks. Create a new form or use one of the default in plugin's options. Then add the element using Wp Bakery Contact Form 7 element.



Contact Form7 options include :