# Theme Documentation

# Theme Help Documentation

## Thank you for purchasing our theme

#### Have any questions? visit our Support Center

# Server Requirements

According to WordPress official web site, To run WordPress they recommended your host supports:

- PHP version 7 or greater
- MySQL 5.6 or greater OR MariaDB 10.0 or greater
- The mod_rewrite Apache module
- PHP memory limit 128M
- max_execution_time 120

Note: If you are in a legacy environment where you only have older PHP or MySQL versions, WordPress also works with PHP 5.6+ and MySQL 5.0+, but these versions have reached official End Of Life and as such may expose your site to security vulnerabilities.

# Full Installation Process

# Step 1 Download package from Themeforest and Unzip it

- 1. Go to Themeforest download tab
- 2. Find theme that you have purchased in the downloads list
- 3. Click on Download button
- 4. Click on All files and documentation
- 5. Unzip downloaded package
- 6. Now you can find theme .zip file inside folder

# Step 2 Install theme via WordPress dashboard

- 1. Go to your site Appearance > Themes
- 2. Click Add New and select the Upload option
- 3. From unzipped package folder, Upload the theme .zip file
- 4. After uploading, click on Activate Theme, All Done :)
- 5. Done

# Step 3 Install required Plugins

- 1. Go to Appearance > Install Plugins
- 2. Check all the Plugins in the list
- 3. Change select option to Install and click on Apply button
- 4. Return to plugins installation page, Again check all
- 5. This time change select to Activate and click on Apply button
- 6. Done

# Demo Import Process

Our theme support 1 Click Demo Import, so you just need go to Theme Options > Demo Importer and import your favorite demo

# Method 2: Import Demo Manually

- 1. From unzipped package find Demo Data folder
- 2. Find which demo folder you want to import
- 3. Go to Tools > Import
- 4. Run WordPress Importer then upload content.xml file and wait until imports complete
- 5. From demo folder find options.txt and open it > copy all codes > paste it to Theme Options > Backup > Import and click on import button
- 6. Via Plugins > Add New install this plugin Widgets Importer / Exporter
- 7. Go to Tools > Widgets Importer / Exporter and upload widgets.wie
- 8. Go to Revolution Slider and click on Import Slider
- 9. Import home.zip or any zip file included inside demo folder
- 10. Go to Settings > Reading and set Home page and Blog page
- 11. Go to Appearance > Menus and set Menu Location to Primary
- 12. All done

# Theme Options

Theme Options is located in Appearance > Customize

# General Settings

- Layout
  - Layout - 3 different types, Full width without border, Boxed with different backgrounds and Boxed margin
  - Site Width - You can change Site Width with px or %, if you need full width set 98%
  - Sidebar Position - There are multiple different sidebar positions Left, Right, Double, Mix, etc.
  - Sticky Sidebars - This will turn siebars sticky on page scrolling, affects on all the pages
  - RTL Mode - Only for right to left languages websites such as arabic
  - Responsive - Enable styling for mobile and small devices, We recommend to keep this ON
- Theme colors
  - Primary - Example if site color is red and you change it to green, everywhere in site, red colors will change to green
  - Secondary - Such as primary color, This option only works if you have any second color on the site
  - Dark Mode - By enabling this option, dark CSS will loads, If you still see any light parts, you need fix them manually
  - Styles - You can set body background, styling of button, styling of widgets, etc. on your needs.
- Loading
  - Loading - By enabling loading option, Your visitors will see loading screen before see your site pages.
- Page 404
  - Custom 404 Page - If you want custom page 404, Go to Pages and create your own 404 then assing it here
  - 404 Message - Default page 404 have message that says Page not found!, So you can change it
  - 404 Button Title - In page 404 you can change title of Back to Homepage button title
- Ajax mode
  - Ajax Mode - Ajax technology allows you to browse your site pages without refresh any page
  - Spinner - You can set image for ajax loader and or change default loader styling and border color
  - Music Player - Non-stop music player when you are browsing site page, Will shows in bottom of screen
- NiceScroll This is custom feature that you can change default browser scroll bar styling
- Custom codes If you want to add custom codes to your site such as meta tags, CSS, JS, etc.
- Advances settings If you want to speed up your site, Turn on lazyload, Remove query args and disable templates

# Typography

Typography - In the Typography panel you can set Google fonts or change fonts size of overall website. For example if you think your site overall font size is small, then click on Body StyleKit then set font size to 26px to see changes. There are over 870 google fonts that you can set for Body or Headlines, Please note, Only use 1 or Maximum 2 fonts on your site because site speed issue. If you want to use custom font in your WordPress editor in posts, Then from last option in typography panel, Add some fonts, then in WP Editor you can access them.

# Header

- Logo
  - Logo - Set your site logo and styling logo
  - Logo Alternative - Such as logo, But its usefull for other ways example custom sticky or footer
  - Logo Tooltip - Will shows on mouse hover, You can create a page with some text then assing it here.
- Social Icons
  - Social Icons - Add any social icons you want then you can show them in header
  - Settings - Select hover effect, color mode, tooltip, etc. and customize styling of icons
- Header
  - Left - Left place of top bar header, You can add element such as text or menu
  - Center - Center place of top bar header, You can add element such as text or menu
  - Right - Right place of top bar header, You can add element such as text or menu
  - Container - If you want to set top bar header background click on this stylekit
  - Row Inner - If you want to set top bar header width size click on this stylekit
  - Menu Styling - If you have menu on this row, So you can customize styling of it, fully live
- Top of Header Exactly like header you can create or edit elements but for top bar header
- Bottom of Header Exactly like header you can create or edit elements but for bottom bar header
- Sticky Header You can select which header you want to be sticky or such as header create separate sticky header
- Mobile & Tablet Header Such as other row you can also create your own mobile header
- Fixed Side Fixed side a little different, Because it have Top, Middle and bottom elements location
- More If you want to add backround to overall header go there, Additionally header supports extra panel

# Header Builder Video

# Title & Breadcrumbs

- Title Type - Global settings for all site pages
  - None - Disable title and breadcrumbs section on all pages
  - Title & Breadcrumbs - Its clear, It will show title and or breadcrumbs on pages
  - Revolution Slider - If you want slider on all site pages, then select this option
  - Custom Shortcode - If you wish to display something with custom code on all pages, then try this
  - Custom Page - You can also create an page and assing it here instead title and breadcrumbs section
- Settings
  - Header Position - You can set header top or header overlay or header after title and slider
  - Container - If you want to have background color or image for title section, click on Container stylekit
  - Page Title - If you want to change page title size or font, Click on Page Title stylekit

# Footer

- Footer You can set widgets or copyright text, Footer allows you to build 3 row
  - Top of Footer Exactly like header you can create or edit elements for top bar of footer
  - Widgets Layout and styling, if you want to add footer widgets go to Appearance > Widgets
  - Bottom of Footer Exactly like header you can create or edit elements for bottom bar of footer
  - More Back to top button and quick contact form settings, Will visible in right bottom of website

# Footer Builder Video

# Blog

- Blog You can set blog template, customize posts stylig, search settings, etc.
  - Blog Settings Set template, number of posts, translations, etc.
  - Blog Styling If you set default template, then you can customize all styling of posts for archive pages
  - Single Settings You can translate important titles, hide or show post meta in single post page
  - Single Styling Customize single page styling, colors, font size, etc.
  - Search settings Filter post types, change search title, sidebar position

# Portfolio

- Portfolio Its custom post type for portfolio but you canset new slugs, styling posts, etc.
  - Portfolio Settings Set slugs, title, columns, number of posts, etc.
  - Portfolio Single Settings You can translate important titles, hide or show post meta in single post page
  - Portfolio Styling You can customize all styling of posts for archive page

# Backup / Reset

- Backup / Reset From Theme Options > Backup, you can download file or copy backup of Theme Options or reset all the settings
- Restore or import By pasting in first field you can import your previously backed up file of options

# Other Options

- Site Identity Set title and favicon for your site
- Menus You can edit your site menus items, links, titles, etc.
- Widgets If you have sidebar on your site, then you can customize widgets
- Homepage Settings Set custom page for home or blog posts page
- Additional CSS If you have some custom CSS, so put it here

# Create a New Page or Post

By this quick tutorial you will learn how to create a new page(s) or post(s) on your website

- 1. For create page go to Pages > Add New and for post go to Posts > Add New
- 2. Insert your new page title
- 3. Insert some content for this new page
- 4. Click on Publish button to create this page
- 5. Backend editor is page builder that allows you to add element in page such as video, button, etc
- 6. Frontend editor is visual page builder that allows you to add element in page such as video, button
- 7. Options for editor such as font size, font family, font style and etc.
- 8. If you want to add HTML code or shortcodes in the editor, change editor mode to text
- 9. Post status, date and visibility for visitors
- 10. Page attributes that you can set parent of this page (Optional)

- 1. Set sidebar position for this page
- 2. Page content gap, as your needs
- 3. Body background color or image for this page
- 4. Hide header only on this page
- 5. Hide footer only on this page
- 6. One page menu on this page, Set one page location from Appearance > Menus
- 7. Header styling only for this page
- 8. Set Title or Slider for this page

# Back-end Page Builder

Click on Backend Editor button then you will see page builder welcome screen like this

Now click on + Add Element then you will see list of page builder elements, select Button element

Now you can see button element has been added to page builder editor and you can also see button settings modal box, So make your changes and click on save button. Now update page and see your page live.

# Front-end Page Builder

Click on Frontend Editor to see live editor page builder welcome screen like second shot

- 1. Page builder logo and loading
- 2. Add element(s) in the page
- 3. Add premade template(s) in the page
- 4. Preview mode, Will disable grids and controls of elements
- 5. Page title option and custom CSS for page
- 6. View page in responsive modes such as mobile
- 7. Back to back-end editor
- 8. Update current page and save changes
- 9. Close page builder and see live site
- 10. Add element(s) in the page
- 11. Add only Text element in the page
- 12. Add premade template(s) in the page

- 1. Edit Row settings
- 2. Change number of Row Columns
- 3. Prepend column to current Row
- 4. Duplicate Row
- 5. Delete Row with its content
- 6. Column settings
- 7. Edit element
- 8. Duplicate element
- 9. Delete element
- 10. Its button element
- 11. Button element settings modal box
- 12. Add new element in same column after button

# Set Home page and Blog page

- Go to Settings > Reading and set Home page and Blog page

# Child Theme Installation

Exactly like Theme Installation process, after installing original theme install theme child.zip file and activate it.

Please note: Parent theme should be deactive and DO NOT delete it.

# Theme and Plugins Update Guide

For updating Theme and or Plugins please visit our online Update Guide

# Translation & Multilingual

Our product is fully translation ready! The translation file is located in Codevz Plus plugin in the /lang/ folder.

To translate, just follow these steps:

- Open codevz.pot file using POEdit software (Download it here)
- Create a new .po file with name as your language code (for e.g. German is de_DE.po)
- Translate your wanted texts into your language
- Hit save, a new .mo file should be created.
- Upload the new .po and .mo files to lang folder
- Done

We constantly develop new features, so after downloading a new Version we recommend to check that everything is translated correct. Multilingual website: If you want to create a powerful multilingual website you can use WPML multilingual plugin, thats a powerful, easy and fully compatible with our theme. for more information about WPML Click Here

# How to get Support?

Have any questions? visit our Support Center

# Frequently Asked Questions

# Theme is missing the style.css stylesheet error?

It means you have uploaded wrong file, So first download package from themeforest and unzip it, now in folder find theme .zip file and upload it from Appearance > Themes > Add New

# How to Fix Error 404 on Portfolio Pages?

Go to Settings > Permalinks and Select the default permalinks and Save. Then re-select your preferred permalinks. This will Flush the rewrite rules and should solve your problem. Also make sure that none of your Custom Post Types and Single pages have the same name. If they do, rename the single page, including the slug.

# How to Change Posts Date Format?

Go to Settings > General and change your site Date Format.

# How to Fix White Screen Issue?

Increase your server PHP memory limit and check your server error log file.

# FIX Fatal error: allowed memory size

Increase your server PHP memory limit and check your server error log file.

# FIX Fatal error: Can't use function return

You should upgrade your server PHP to version 7 or at least 5.6

# If you have any more questions or faced any problem

Please visit our Support Center