Introduction

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you will not be disappointed. We do our best to produce top notch themes with great functionality, premium designs, and clear code.

We are a team of data-driven experts dedicated to resolving your most demanding web challenges. Skillfully versed in all things digital, our enthusiastic team brings together top expertise in web design and development to help you create one of a kind websites, tailored especially for your needs.

Getting Started

WordPress Information

To install this theme you must have a working version of WordPress already installed. Below are all the useful links for WordPress information.

• WordPress FAQ - General information about WordPress.
• WordPress Lessons - A great knowledge-base for WordPress beginners.
• PHP Function References - Detailed information on WordPress PHP functions and a lot of usage examples.

Theme Requirements

To use this theme you must be running at least WordPress 4.6, PHP5.6, mysql 5 or higher. If you use low-end hosting with limited resources (e.g. GoDaddy!), you may experience issues with "one-click" demo data installation feature. We recommend that you contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

Theme Installation

Unpacking the theme

Before installing the theme, please make sure you unpacked the archive and extracted theme files. Some of the folders names may slightly vary. Treat the screenshot below as an example only.

If you try to install the wrong files, you will get missing styles.css file error. This is the most common error that means you are trying to install an incorrect package.

To install the theme, you must have WordPress installed. Check this link for more information.

Update WordPress: To ensure a positive user experience, we highly recommend updating your WordPress to the latest stable version. This will help utilizing all of the latest features of WordPress.

If you have questions regarding the theme installation, we recommend reading the detailed instruction below.

There are 2 ways to install the theme:

• FTP:
  
  
  1. Log into your web server with FTP client software.
  2. Unzip the casen.zip file and ONLY use the extracted /casen theme folder.
  3. Upload the extracted casen theme folder into /wp-content/themes folder.
  4. Navigate to the Appearance > Themes tab and activate the theme.
• WordPress:
  
  
  1. Login to admin panel.
  
  
  2. Navigate to Appearance > Themes and click on the Add New button.
  3. Choose Upload theme option. Click on Browse...(Choose file in Safari/Chrome), select the "casen.zip" and click Install Now button.
  4. After the successful installation, click on Activate or navigate to the Appearance > Themes and click on Activate button to activate the newly installed theme.
  5. Once the theme is activated, you will be prompted to install the required plugins.
  6. If you want to make changes in theme’s templates or functions, we recommend activating a child theme before demo data installation. Please see the Child Theme section for more information.

Child Theme

Child theme is for developers willing to make changes to core functions and code. If you are not planning to dig that deep, you can just skip this chapter.

IMPORTANT! If you want to make changes in theme's templates or functions, we recommend to install a child theme and apply changes there. To learn more about that, please visit the WordPress Codex website.

In the theme's package you can find all the necessary files for the child theme. The installation of a child theme is similar to the main theme.

A few recommendations on how to use Child Theme:

1. Almost all files in the main theme are available for replacing in to the child theme. It does not concern only .php files with templates and basic logics, but also both .js, .css files from respective folders.
2. In case you need to edit some theme-related functions or add new ones, copy/add all the required functions into functions.php.

PLEASE NOTE!We do not recommend copying respective files into the child theme folder. Instead re-create the respective functions in the child theme's functions.php file.

Plug-ins Installation

To make the theme look more similar to the demo page, you need to install recommended plugins. Click on Begin installing plugins link.

Alternatively, you can use Appearance > Install Plugins menu that redirects to the plug-ins installation page. Check all the listed plug-ins, select Install option and click on Apply button. Installation may take a few minutes, please be patient and do not refresh the page.

Plug-ins activation should be done in the same way. Navigate to Appearance > Install Plugins menu, check all the listed plug-ins, choose Activate option and click on Apply button.

Available plug-ins:

• Elementor
• NiceThemez Common
• Redux Framework
• Contact Form 7
• WooCommerce
• WooCommerce Variation Swatches
• YITH WooCommerce Wishlist

Import Demo

Our theme includes a simple One click demo data import tool. It allows getting a copy of our demo website in just 1 click.

To import demo content into a WordPress site, please follow these steps:

1. Log in to your site as an administrator.
2. Navigate to Tools > Casen Import Demos
3. Choose a demo and on click "Import" button.
   PLEASE NOTE It may take a while for demo data to be copied from our server to your site. It depends significantly on the Internet connection speed between your website and our server. Please wait patiently and do not refresh/leave the page.
4. SUCCESS! The "Success" message appears after demo data successful installation.

Quick Start

After the theme activation and demo content import, we are ready to get started with basic theme settings like site title, tagline, logo, favicon etc.

To change your "Site Title" and Tagline and some other settings. Navigate to Settings > General. Please note, these parameters are important for search engines.

Another great idea may be setting custom permalinks structure to make them more SEO friendly and human-readable. Go to Settings > Permalinks and make changes according to the example below.

Theme Options

Now let's navigate to Appearance->Theme Options the feature which makes theme customization extremely user-friendly and straight-forward, allowing the Administrator to manage the feel and look of the blog website easily from one place.

General Settings - Manage the Logo, Logo Rentina, Favicon, Preloader...

• Logo Upload a logo your site.
• Logo Rentina Upload a logo rentina your site.
• Favicon Upload a favicon your site.
• Preloader Preloader before load page.
• Mailchimp Api Key
• Google Map Api Key
• Instagram Access Token

Header - Manage the Header Sticky, Header Transparent, Header Breakpoint.

• Header Style - Manage header style.
• Header Theme - Manage header theme dark or light.
• Header Sticky - Setting sticky for header when scroll page.
• Header Transparent - Setting background header is transparent.
• Header Breakpoint - Setting breakpoint header to header mobile.

Title Bar - Manage page title bar and Breadcrumbs. These options are applied globally to pages and posts, but can be overridden by individual page or post options.

• Page Title Bar - Customize size, color, background, parallax, alignment.
  • Page Title Font Size - Setting font size for title.
  • Page Title Font Color - Setting font color for title.
  • Page Title Bar Background Color - Setting background color page title bar.
  • Page Title Bar Background Image - Upload a image page title bar.
  • Parallax Background Image - Setting parallax background image when page srcoll for page title bar.
  • Page Title Bar Text Alignment - Setting text alignment for page title bar. Have 3 option "Center", "Left", "Right". Default set "Center".
• Breadcrumbs - Manage Breadcrumbs Prefix, Breadcrumbs Separator, Breadcrumbs Font Size, Breadcrumbs Text Color.
  • Breadcrumbs Prefix - Setting the text before the breadcrumb menu.
  • Breadcrumbs Separator - Setting the type of separator between each breadcrumb.
  • Breadcrumbs Font Size - Setting the font size for the breadcrumbs text.
  • Breadcrumbs Text Color - Setting the text color of the breadcrumbs font.

Blog - Manage page blog.

• Blog Page Title Text - Put text for page title bar of blog page.
• Template - Display item post.
• Sidebar Position - Control sidebar of blog page.
• Excerpt Length - Customize the number of words in the post excerpts.

Typography - Manage typography body and heading. Choose either standard fonts, Google fonts or add your own custom fonts.

• Body - Customize typography body.
• Heading - Customize typography heading.
• Color Primary - Customize color primary.

Footer - Manage the footer.

• Footer Mailchimp - Customize footer mailchimp.
• Footer Instagram - Customize footer Instagram.
• Footer Width - Setting width footer.
• Footer Copyright Text - Put text copyright.

Custom Code - Manage dynamic CSS and JS.

• Custom CSS - Add your own custom CSS which will override the theme CSS.
• Custom JS - Add your own custom js.

Portfolio - Manage portfolio.

• Page Title - Controls the title text that displays in the page title bar.
• Page Url - Page url portfolio.
• Page Archive Layout - Design layout portfolio.
• Page Archive Template - Display style item portfolio.
• Single Layout - Display style single portfolio.
• Detail Title - Controls the title detail single portfolio.
• Detail Fields - Customize field portfolio single.
• Related Projects - Turn On/Off related portfolio.

Shop - Manage Shop.

1. Shop Page
   • Template - Select style for product.
   • Sidebar Position - Setting sidebar shop page.
   • Shop Full Width - Setting with for shop page.
   • Products per row - Setting columns.
   • Per Page - Setting display number product on shop page.
2. Shop Single
   • Template Single - Select style for single product.

Social Media - Manage social media and share network.

Import / Export - Import or Export option theme.

Pages

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with our shortcode elements. There are different page templates to choose from, each serving a purpose to help you build a finished site. The following sections will cover these different topics that are listed below.

Create New Pages

Creating pages is the foundation of creating your site. You can create any number of pages for your site and add as much content into them as you’d like. Casen includes page templates which you can choose from and each template fulfils a specific function. Continue reading below to learn how to create a new page.

How To Create A New Page

Step 1 – Navigate to the ‘Pages’ tab in your WordPress admin sidebar and click the ‘Add New’ option.

Step 2 – Give your page a name by entering it in the Title field.

Step 4 – Locate the Page Attributes box and set the Parent option and the Page Template option.

Step 5 – Set individual options for the page in the Casen Options box. Settings options here will affect the current page only. If you’d like to set global options for your entire site, then you have to use the Theme Options. Learn more about the Theme Options.

Step 6 – Add content to your page using the editor field. You can enter text or common HTML markups to add content, or you can click the ‘Use Elementor Builder’ elements to the page.

Posts

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. Casen offers several post image, image slideshows, video and more on the way. Each blog post you make can be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.

How To Create A Post

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use any of our shortcode builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 – For a image, gallery, audio, video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field.

Step 7 – Select any number of post options in the Post Options box.

Step 8 – Once you are finished, click Publish to save the post.

Portfolios

You need to create portfolio so they will show up on the portfolio pages. Casen offers several options for portfolio, and with the ability to assign custom categories to each post, you can easily display a set of posts based on category. Each portfolio post offers several ways to add tags and categories. Categories are the filters you see above the post that allow the viewer to sort the posts. See below for information on how to create portfolio.

Create A Portfolio

Step 1 – Navigate to the Portfolio tab in your WordPress admin.

Step 2 – Click on the Add New button. Insert a title, then insert your post content in the editing field. You can use any of our shortcode builder elements inside the post.

Step 3 – Add Categories from the right side. To assign, check the box next to the Category name. These Categories are the filters above your portfolio images. They allow you to filter different types of projects.

Step 4 – Select any options for the portfolio in the Casen Options box.

Step 5 – Once you are finished, click Publish to save the post.

Create A Page Portfolio

Step 1 – Add new page from navigate admin then click button " Edit with Elementor"(Use plugin Elementor).

Step 2 – Select "Template" is "Page Builder"

Step 3 – Add element shortcode "Portfolio Grid". Select Data Source is "Categories" or "List Of IDs". If Data Source is "Categories" please choose categories you want display.

Create A Portfolio Detail

Step 1 – Go to Theme Options -> Portfolio -> Detail Fields then add Defail Fields.

Step 2 – Create new a portfolio and enter portfolio detail.

Step 3 – Finsh.