Weeb Theme Documentation

Thank you so much for purchasing our item from themeforest.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

General Information

Thank you for purchasing our theme on ThemeForest. 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.

License

With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client.

1. You can create 1 website (on a single domain) for yourself or for your client. You can then transfer that website to your client for any fee. In that case, the license is also transferred to your client.
2. You can install the theme on your test/development server for testing/development purposes (this installation should not be available to the public).
   As soon as the project is ready for moving to another domain (create the backup to be on the safe side), please disconnect the license and activate the theme on another domain.
   Development installation will still be functional except for importing/exporting demo data.
3. You can have ONE active theme installation at a time. You can move the license to a different domain by disconnecting the license from the active theme installation and then re-entering the purchase key/token on a different WordPress installation.
   For Envato Elements, if you want to activate another theme or install the same theme on a new domain, please generate a new token (1 token = 1 domain).
   The number of theme activations (with ONE purchase key or ONE Envato Elements token) is LIMITED!
4. You can modify or manipulate the theme, you can combine it with other works to create the End Product.
5. The theme updates for the single End Product (website) are free.

1. With a single regular license you are not allowed to create multiple websites. For multiple websites you will need multiple regular licenses.
2. To resell the same website (Single End Product) to another clients. You will need to purchase an extended license for this.

For more information regarding license regulations and policies, see the links below:

• License FAQ
• Licenses overview
• Regular license details
• Extended license details

Design Files & Images

IMPORTANT!We do not include theme-related .XD files into the theme package, because it significantly increases the theme archive size. If you need those files, feel free to submit a Support Request.

All the clipart images included in this theme are copyrighted to their respective owners and are not available for download with this theme. Clipart images can not be used without express permission from the owner and/or need to be purchased separately.

Bundled Plug-ins

The theme package contains a number of bundled plug-ins. Please click here to view the list of plug-ins that come included into the theme.

If a new version of a bundled plug-in is available, You will receive a notification on your website admin panel or it will be included in the next theme release. You can also request it by submitting a support ticket.

Bundled plug-ins are fully functional without the activation using a registration license key. In case you are willing to receive automatic updates and support from the plug-in team, you will need to purchase the plug-in separately. Only the direct buyers get the plug-in license key.

Installation

In this part of documentation you will learn how to install WordPress, Theme and plugins.

WordPress Information

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

• WordPress Installation - Learn how to install WordPress.
• 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 5.6, PHP 5.6.20 or higher (for Booked and WooCommerce plug-ins PHP 7.0+). If you use a hosting service with limited resources (e.g. GoDaddy!), you may experience issues with the "one-click" demo data installation.

We recommend that you contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

• max_execution_time 60
• memory_limit 128M
• post_max_size 10M
• upload_max_filesize 12M

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:

• php_value max_execution_time 600
• php_value memory_limit 128M
• php_value post_max_size 32M
• php_value upload_max_filesize 32M

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 plug-ins.

Theme Installation

1. Go to your themeforest account
2. From menu click on Downloads
3. Find your purchased item Weeb
4. Click on Download button
5. Click on Installable WordPress file only

1. Go to your website Dashboard > Appearance > Themes
2. Click on Add New Theme

1. Click on Upload Theme button
2. Choose ZIP file that you have downloaded
3. Click on Install Now button
4. Wait until WordPress installing theme

1. Click on Activate link
2. Wait until WordPress redirect you to Welcome Page

1. Go to your themeforest account
2. From menu click on Downloads
3. Find your purchased item Weeb
4. Click on Download button
5. Click on License certificate & Purchase code

• After downlaod license file, Open text file and copy purchase code

• Login to your website dashboard and go to Weeb menu and activate your theme with your license code

Note 1 The theme license allows you to install the theme on ONE domain only! In order to connect the license to a different domain, first click "Deregister license" (Dashboard > Weeb > Activation) and then re-enter the purchase key/token on a different WordPress installation. For Envato Elements, if you want to activate another theme or install the same theme on a new domain, please generate a new token (1 token = 1 domain). If you have any questions, please contact our support department.

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

1. Log into your web server with FTP client software (e.g. FileZilla).
2. Unzip the Weeb.zip file and ONLY use the extracted /Weeb theme folder.
3. Upload the extracted Weeb theme folder into /wp-content/themes.
4. Navigate to the Appearance > Themes tab and activate the theme.

Attention! If you want to make changes in theme’s templates or functions, we strongly recommend activating a child theme before demo data installation. Please see the Child Theme section for more information.

Plugins Installation

The theme package contains a number of bundled plug-ins, Below is the list of the plug-ins that come included into the theme.

• Codevz Plus(required)
• Elementor (required)
• Contact Form 7
• WooCommerce
• WP Optimize

If a new version of a bundled plug-in is available, You will receive a notification on your website admin panel or it will be included in the next theme release. You can also request it by submitting a support ticket.

Bundled plug-ins are fully functional without the activation using a registration license key. In case you are willing to receive automatic updates and support from the plug-in team, you will need to purchase the plug-in separately. Only the direct buyers get the plug-in license key.

Note 1In case you are running a shared hosting with limited resources (e.g. GoDaddy), we do recommend enabling only the essential plug-ins (e.g. Codevz Plus, Elementor) and disable the rest. Otherwise, it may significantly increase the memory consumption, which might lead to unwanted issues.

Note 2The installation and activation of bundled plug-ins run automatically. Anyway, if you have any issues, please extract main package you have downlaoded from Themeforest and unzip it and in plugins folder you can find plugins archive and proceed with the plug-ins installation manually.

Child Theme

If you want to make changes to the theme's files and functions, we strongly recommend installing a child theme. This ensures that your theme customizations stay in place after the theme update. If you are not planning to change the core theme files, you are free to skip this chapter.

A child theme is installed the same way you install a parent theme. Locate the weeb-child.zip file in the theme package and upload it via the WordPress admin panel. Alternatively, you can unzip it and upload via FTP (see main theme installation chapter).

Your child theme has its own functions.php file. Use it to copy modified functions from the parent theme's functions.php, or register new functions.

You can copy all files from the parent theme into the child theme except files located in the following folders:

• /classes
• /langs

When copying parent theme files into the child theme, preserve the original folder structure. Create respective folders and make sure that the file path is the same as in the parent theme.

Demo Importer

Our theme includes a simple One-click demo data installation, which allows your site to look exactly as on the theme demo.

Before installing demo data, please make sure you have activated your theme copy (entered the purchase code or Envato Elements token in the WP Dashboard > Weeb > Activation tab).

In case you do not have your Purchase Code, please navigate to your ThemeForest Downloads page and click on the theme download link. Check this guide for more details.

1. Go to your site dashboard
2. Go to Dashboard > Weeb > Demo Importer menu

After selecting your demo in demos list and click on import button, You will see a demo wizard like the following shot, then click on the next step button.

In the next wizard step you need to choose page builder.

1. Choose page builder
2. If you want RTL version, check this field
3. Click on the next step button

In this step you can set which features you want to import on your website.

1. Choose Full import or Custom import
2. In custom import you can choose some features to import
3. Click on the next step button

Demo importer may take up to 10 minutes to import the demo, it depends on your server speed. If you faced any problem during importing demo content, you can do it again up to 3 times, But if still have problem with importing demo, you can contact with out support center.

First make sure your theme and codevz plus plugin both are up to date, If your demo importer fails or only some parts not imported successfully, then you can try again demo importer wizard. For example if you noticed that slider not imported on your website, then you can try demo importer wizard again but this time in the configuration step only select Slider revolution from custom import checkboxes and then run importer.

If you have problem with demo importer, You can contact with theme support.

Installation FAQs

Theme and Plugins Updates

This step is required if you received the notification on your website dashboard or email that a new version of the theme is available.

If you received available updates in your website dashboard, Simply go to Dashboar > Updates on your site and or go to Theme and Plugins page and you can see available updates and simply you can click on update button to get updates automatically.

1. Go to your site Dashboard menu
2. Go to Dashboard > Updates

1. Click on Check again button for new updates
2. Click on Select All checkbox
3. Click on Update Plugins button and wait
4. Do again from steps 1 to 3 for Themes

If you want do updates manually, then you need to re-download a whole package from your themeforest account under Downloads tab.

Theme Options: General

Now let's navigate to Appearance WP Dashboard > Customize to flexibly control the appearance and behavior of the whole website as well as individual types of posts, pages and categories.

This part is about Theme Options > General

Theme Options: General > Layout

Under layout section, you can change sidebar position, fullwidth or boxed mode for overall layout, site width and more.

1. Sidebar – Sidebar position left, right, both sides, none or even content center.
2. Layout – Fullwidth, Boxed or Boxed with margin
3. Site Width – Change site width in PX and %
4. Sticky Sidebar – Enable Sticky Sidebar on all pages
5. RTL mode – Will load right to left styles

1. Boxed mode – If you enable boxed mode then from Theme Options > General > Colors you can change boxed mode and body background colors.
2. RTL Mode – Useful for non RTL sites, you can enable this option and theme automatically will loads RTL styles.
3. Sidebars – If you want to change sidebar background or styling, go to Theme Options > General > Colors and find Sidebar StyleKits

Theme Options: General > Colors & Styling

Under Colors and Styling section you can change primary and secondary website colors, Change background color and any general styling.

1. Accent Color – You can change all primary theme colors
2. Secondary Color – You can change website secondary colors
3. Dark Mode – If you want to turn your site to dark mode enable this option
4. Styling – Only general styling options for body, buttons, images, etc.
5. Widgets – Full styling options for sidebars and widgets

1. Theme Colors – If your theme color is for e.g. red and you want to change it to green, it will replace all old red colors in your database with new color you selected.
2. Dark Mode – It will affect only on 70% of website and you need to change some other parts that have custom styles manually.
3. Boxed StyleKit – If you want to change boxed background, first enable it from Theme Options > General > Layout

Theme Options: General > Share Icons

Under General > Share Icons section you can enable or disable social share icons for single pages and posts.

1. Post Types – Enable/disable share box in any post types
2. Share Icons – You can enable/disable share, copy and print icons
3. Share Box Title – Add title for share box e.g. Share this post
4. Tooltip – Enable tooltip feature for social share icons on hover
5. Inline Title – Enable social share icons inline title
6. Color Mode – Enable social share icons brand color mode
7. StyleKits – Customize styling of container, social share icons and box title

1. Post Types – If you have custom post types added by third party plugins then you can see your new post type name here.
2. Tooltip – If you want to change tooltips styling such as colors, size and background, then go to Theme Options > General > Colors & Styling

Theme Options: General > SEO

Under General > SEO you can enable meta description and meta keywords for your website, Also theme is compatible with SEO plugins.

1. Page Title Tag – If your site have title and breadcrumbs then you can change title tag
2. SEO Meta Tags – Enable/Disable SEO meta tags
3. Meta Description – Add your website title or description here
4. Meta Keywords – Add your website keywords, tags, etc.

1. Compatibility – Theme is fully compatible with free or premium SEO plugins such as Yoast, RankMath, etc.
2. Important – Do not insert a lot of keywords or description text, each field should not have more than 155 characters

Theme Options: General > Loading

Under General > Loading you can enable page loading with image or percentage or custom loader HTML code.

1. Loading – Enable/disable loading feature
2. Effect – Select loading in/out effect
3. Loading Type – Select type between Image, Percentage and custom HTML
4. Image – Upload your loader custom image, GIF recommended
5. StyleKits – You can customize loader background and Image styling

1. Custom SVG – You can set loading type to custom then insert you own custom SVG animation loader codes.
2. Image – GIF format recommended but you can also upload JPG, PNG or even SVG file.

Theme Options: General > Page 404

Under General > Page 404 you can change page 404 description and button title.

1. Disable Search – In page 404 there is search form that you can disable it.
2. Message – Page 404 description under title.
3. Button – Back to homepage button title.
4. Custom – You can create page and name it 404 and publish it.

1. Custom 404 - Go to Dashboard > Pages and create custom page and name it 404 or page-404, then add your content and publish it, WordPress automatically will redirect your 404 to custom page.

Theme Options: General > Custom Codes

Under General > Custom Codes you can add your custom CSS, JS, HTML codes before closing head or before closing body tag.

1. Custom CSS – Add your custom CSS codes without <style> tag
2. Custom JS – Add your custom JS codes without <script> tag
3. Before closing Head – Add your custom HTML codes
4. Before closing Body – Add your custom HTML codes

1. Custom Codes in Head or Body – You can add custom HTML codes, Shortcodes, custom JavaScripts code with script tag, Custom google codes such as meta tags, etc.

Theme Options: General > White Label

Under General > White Label you can change Weeb theme brand names and set your own names for Theme and core plugin.

1. Disable Features – You can disable some of theme features
2. Menu Icon – You can change Weeb theme admin menu icon
3. Welcome Page Logo – Weeb theme welcome page logo replacement
4. Theme Name – Replace Weeb theme name in style.css and folder
5. Theme Screenshot – Replace Weeb theme screenshot image
6. Plugin Name – Replace Codevz plus plugin name in admin pages
7. Plugin Description – Replace Codevz plus plugin description text
8. Author Name – Author name for Theme and Codevz plus plugin
9. Author Link – Author website link for Theme and Codevz plus plugin

1. Theme Name – By replacing theme name, your website theme name, style.css and theme folder name will change.
2. Plugin Name – Will only affects on admin page and not plugin files.
3. Disable Features – By disabling some of theme features, your backend will have faster speed.

Theme Options: General > Advanced

Under General > Advanced Settings you can set maintenance mode page for your website and enable/disable lazyload image.

1. Maintenance mode – Create a page and set it as maintenance mode
2. Lazyload – Enable/disable lazyload images on scroll

You may want to know …

1. Maintenance Mode – Go to Dashboard > Pages and create your custom page and add your content in page and publish it. Then in Maintenance mode settings select your custom page, Now all of you no-logged in visitors will redirect to your custom page from any pages.
2. Lazyload – Enable lazyload feature for all images and browser will load images on page scroll.

Theme Options > Typography

Under Theme Options > Typography you can set customize font size, font family, line height, etc. for all parts of website, and you can easily add custom google fonts from fonts library.

1. StyleKits – Any important parts of theme have separate StyleKits for fonts.
2. WP Editor Fonts – Add custom google fonts for WP Editor
3. Custom Font – If you loaded custom font file, then you can add its name to fonts library and use it everywhere

You may want to know …

1. Custom Font – You can install Add any font plugin and upload your custom font files and use it anywhere in your website. Also if you uploaded fonts files manually first you need to load font via custom CSS then from Theme Options > Typography > Add custom font, add your font name to fonts library.

Theme Options > Header

In this part you will learn how header options works and where they are located.

Theme Options: Header > Logo

Under Theme Options > Header > Logo you can find logo settings. You can upload 2 logos one for header and another for sticky, fixed side or footer.

1. Logo – Upload your logo image here
2. Logo 2 – Upload logo 2 for alternative usage
3. Tooltip – You can select custom page content for logo tooltip
4. StyleKits – You can add border, padding, background to your logo(s)

You may want to know …

1. Logo File – You can use any type of images JPG, PNG, GIF or even SVG file format.
2. Text Logo – If you leave logo fields empty, then theme automatically will show text logo and from Theme Options > Site Identity you can change your site title

Theme Options: Header > Social Icons

Under Theme Options > Header > Social Icons you can find and add you social network icons for header, fixed side and footer usage.

1. Social Icons – Add/remove social icons from icons library
2. Effect – Set custom hover effect for icons
3. Color Mode – Choose brand color or custom color for icons
4. Tooltip – Enable tooltip on hover for social icons
5. StyleKits – You customize container and social icons styling

You may want to know …

1. Icons Library – You can search and find your favorite icon from over 1000 icons in library.
2. Styling – There is no limitation on styling for container and icons and you can customize it in any way you want.

Theme Options: Header > Header

In Weeb theme there is three header rows, Header top bar, Header main and Header bottom bar. All settings and StyleKits for three rows are same, Bellow we explained Header options and StyleKits.

Under Theme Options > Header > Header you can find and add elements for header row and customize header styling.

1. Left – Add the element to the left of the header
2. Center – Add the element to the center of the header
3. Right – Add the element to the right of the header
4. Styling – Customize container, row or columns of header
5. Menu Styling – Customize header menu styling, colors, sizes, etc.

1. Elements – Header have over 12+ premium elements and there is no limitation on settings and StyleKits.
2. Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different header or footer rows.
3. Header More Settings – From Theme Options > Header > More you can customize overall Header Styling and also enable/disable extra header panel feature.

Theme Options: Header > Sticky Header

Under Theme Options > Header > Sticky Header you can enable or disable header sticky and or create a custom sticky header with new elements.

1. Sticky Type – Choose sticky type of header rows or select custom sticky
2. Smart Sticky? – Hide sticky header by scroll down and will show it by scroll up
3. StyleKits – Customize current header stickies container and row
4. Add elements – Custom sticky mode you can add elements in left, center and right

1. Sticky multiple headers – In sticky mode you can enable sticky on multiple header rows, for example you can enable sticky on header 1 and 2 or header 1 and 3, there is no limitation and you can also make all header rows sticky.
2. Custom Sticky – In custom sticky mode you can add totally new elements in header and it will show after you scroll down page.

Theme Options: Header > Mobile Header

Under Theme Options > Header > Mobile Header you can find mobile header elements, settings and StyleKits.

1. Sticky mode – Enable/disable sticky mode for mobile header
2. Content Before Header – Create custom page and assign its content before header
3. Content After Header – Create custom page and assign its content after header
4. Add Elements – Add or remove new custom elements for mobile header
5. Menu StyleKits – You can customize menu styling for mobile header
6. Mobile Menu Social – Enable/disable mobile OffCanvas menu social icons
7. Mobile Menu Text – Add custom text below social icons in mobile OffCanvas menu
8. Additional StyleKits – Customize social icons and text in mobile OffCanvas menu

1. Mobile Menu – You can create custom menu from Appearance > Menus and assign its location to mobile, then in mobile header elements you can set location to mobile menu.
2. Content Before/After – From Dashboard > Pages you can create a custom page and then in mobile header setting select it before or after header and theme will show that page content in mobile only.

Theme Options: Header > Fixed Side

Under Theme Options > Header > Fixed Side you can find fixed side options and StyleKits, you can enable fixed side for left or right of website, add elements in three places and control full styling.

1. Fixed Side – Enable/disable fixed side for left or right
2. Add Elements – Add elements inside fixed side top, middle and bottom
3. StyleKits – Control fixed side container and locations styling
4. Menu Styling – You can customize menu styling only on fixed side

1. Custom Content – If you want to add custom content inside fixed side, first go to Dashboard > Pages and create a custom page, then add your content and publish it, then from fixed side panel, add new element and choose custom page content, then select your custom page.
2. Background Color – In fixed side panel find Container StyleKit and set your background color
3. Background color in specific page – After you enabled fixed side from theme options, go to Dashboard > Pages and edit your page, then from Page settings > Header settings you can find Fixed side StyleKit and change background color.

Theme Options: Header > Title and Breadcrumbs

Under Theme Options > Header > Title and Breadcrumbs you can find title and breadcrumbs settings and StyleKits, enable/disable revolution slider or page cover.

1. Header Position – You can change header position according to title and breadcrumbs
2. Title Type – You can set to title, slider, image, custom code, custom page, etc.
3. Title and Breadcrumbs – Position and display of title and breadcrumbs
4. Center Mode – Force title and breadcrumbs in center place
5. Breadcrumbs Delimiter – Choose separator icon between breadcrumbs item
6. StyleKits – Customize any part of title and breadcrumbs

1. Enable Slider as page Title – First go to Dashboard > Revolution slider menu and create your own slider, then go back to theme options and title breadcrumbs panel, then set Title type to Slider revolution and then choose your slider.
2. Background Image or Color – In title and breadcrumbs panel find Container StyleKit and set your background image or color.
3. Background color in specific page – After you enabled title and breadcrumbs from theme options, go to Dashboard > Pages and edit your page, then from Page settings > Header settings you can find title and breadcrumbs container StyleKit and change background color.

Theme Options > Footer

In this part you will learn how footer options works and where they are located.

Theme Options: Footer > Footer Top Bar

In Weeb theme there is three footer rows, Footer top bar, Footer widgets and Footer bottom bar. All settings and StyleKits for three rows almost are same, Bellow we explained footer options and StyleKits.

Under Theme Options > Footer > Footer Top Baryou can find and add elements for footer row and customize footer styling.

1. Add Elements – Add some new elements to footer top bar places
2. Styling – Customize container, row or columns of footer top bar
3. Menu Styling – Customize footer top bar menu styling, colors, sizes, etc.

1. Elements – footer have over 12+ premium elements and there is no limitation on settings and StyleKits.
2. Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different row.

Theme Options: Footer > Footer Widgets

Under Theme Options > Footer > Footer Widgets you can find and change footer widgets layout and also customize footer widgets styling.

1. Footer Columns – Select footer columns layout
2. Styling – Customize container, widgets, titles and links for widgets.
3. Customize Widgets – From Appearance > Widgets you can find / add / remove widgets

1. Custom page content – From Appearance > Widgets you can add Custom Page Content widget in footer 1 then choose your custom page. From Theme Options > Footer > Widgets also you can change layout to 1 column.

Theme Options: Footer > Footer Bottom Bar

In Weeb theme there is three footer rows, Footer top bar, Footer widgets and Footer bottom bar. All settings and StyleKits for three rows almost are same, Bellow we explained footer options and StyleKits.

Under Theme Options > Footer > Footer Bottom Bar you can find and add elements for footer row and customize footer styling.

1. Add Elements – Add some new elements to footer top bar places
2. Styling – Customize container, row or columns of footer top bar
3. Menu Styling – Customize footer top bar menu styling, colors, sizes, etc.

1. Elements – footer have over 12+ premium elements and there is no limitation on settings and StyleKits.
2. Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different row.

Theme Options: Footer > Footer More

Under Theme Options > Footer > Footer More you can find some other footer options such as fixed footer, back to top button, quick contact form, etc.

1. Fixed Footer – Footer will hide under body background and will show by end of scroll
2. Back to Top – Enable/disable back to top button in right bottom
3. Quick Contact Form – Enable/disable quick contact form button beside back to top
4. Contact Icon – Choose icon from library with over 1000 icons
5. StyleKits – Customize footer, back to top button and quick contact form modal box

1. Contact Modal Box – First you need to create a Contact form from Dashboard > Contact then go to Dashboard > Pages and create custom page and insert Contact form in page then publish it. Now from Footer settings you can set your quick contact form.

Theme Options > Blog

In this part you will learn how blog and posts options works and where they are located.

Theme Options: Blog > Blog Settings

Under Theme Options > Blog > Blog Settings you can find and manage your blog posts settings, template, excerpt length, excerpt type, etc..

1. Sidebar – Choose sidebar position for archive and single blog pages
2. Template – Choose archive blog posts template
3. Hover Icon – Will show icon on mouse hover over posts image
4. Excerpt Length – Limit characters or words for post description
5. Excerpt Type – You can change excerpt length type by characters or words
6. Excerpt Dots – Post excerpt continue, default is three dots
7. 2x Height Image – Will change post featured image height size 2x bigger
8. Read More – Translation for read more button title
9. Not Found Message – Translation for posts not found messages
10. Comments Disable Message – Translation of when comments are disabled

1. Custom Template – If you create a custom page from Dashboard > Pages and insert Posts Grid element inside it and publish, then from Blog settings you can set it as custom blog page.

Theme Options: Blog > Blog Styling

Under Theme Options > Blog > Blog Styling you can find and manage your blog posts settings, template, excerpt length, excerpt type, etc..

1. StyleKits – Customize any part of blog archive styling for posts, title, image, etc.
2. Read More Icon – Choose read more icon from icons library
3. Others – Read more and pagination StyleKits, pagination will affects on all post types

1. Hover Icon – You can enable hover icon from Theme Options > Blog > Blog Settings

Theme Options: Blog > Single Settings

Under Theme Options > Blog > Single Settings you can find and manage your blog single post settings, sidebar position, translations, meta settings, etc..

1. Sidebar – You can choose sidebar position for all single posts
2. Single Post – Manage single post parts, image, date, categories, etc.
3. Prev Post Sur Title – Translation of the previous post item sur title
4. Next Post Sur Title – Translation of the next post item sur title
5. Related Posts – Set number of related posts section after single post
6. Related Columns – Related posts section number of columns
7. No Comment title – Translation of comments when there is no comments
8. Comment Title – Translation of comments section title when it does 1 comment
9. Comments Title – Translation of comments section when it does more than 1 comment

1. Related Posts Grid – For e.g. you can set related posts count to 9 and set related columns to 3 columns to have a grid related posts section

Theme Options: Blog > Single Styling

Under Theme Options > Blog > Single Styling you can find and manage your blog single post styling, next and previous posts styling, Related posts and comments styling.

1. Single Post Styling – Customize single post parts styling image, title, meta and icons.
2. Next & Previous Posts – Customize Icon, Title and Subtitles of next & previous
3. Related Posts and Comments – Customize design of related posts and comments

1. Enable/Disable Features – If you can’t see or find some parts of single post, then go to Theme Options > Blog > Single Settings and enable them

Theme Options: Blog > Search Page Settings

Under Theme Options > Blog > Search Settings you can find and manage your search page settings such as sidebar position and post types.

1. Sidebar – Change sidebar position only for search page
2. Search Title Prefix – Translation of search result title prefix
3. Search Post Types – You can filter post types for search results

1. Post Type(s) – You can add single or multiple post types, for e.g. post,portfolio,product

Theme Options > Portfolio

In this part you will learn how portfolio options works and where they are located.

Theme Options > Portfolio > Slug and Title

Under Theme Options > Portfolio > Slug and Title you can find and manage your portfolio post type slug and title.

1. Disable Portfolio – You can disable portfolio and will hide from dashboard menus
2. Slug – Post type slug for frontend URL
3. Archive Title – Post type archive title in frontend
4. Category Slug – Post type category slug in frontend URL
5. Category Title – Post type category title in backend
6. Tags Slug – Post type tags slug in frontend URL
7. Tags Title – Post type tags menu title in backend

1. Fix error 404 after changing slug – After you changed slug(s) you need to fix the permalink structure, for fixing permalink, go to Dashboard > Settings > Permalink’s menu and once save it.

Theme Options: Portfolio > Portfolio Settings

Under Theme Options > Portfolio > Portfolio Settings you can find and manage your Portfolio posts settings, template, excerpt length, excerpt type, etc..

1. Title Type – You can change default title and breadcrumbs for portfolio pages
2. Template – Template for portfolio archive and taxonomies
3. Sidebar – Change sidebar position for archive and taxonomy pages
4. Portfolio Archive Description – Add custom shortcode or HTML before content
5. Posts Per Page – Number of portfolio items per page in archive and taxonomy
6. Hover icon – Showing icon on mouse hover on portfolio images
7. Excerpt length – Items description excerpt length
8. Excerpt Dots – Items description continue reading dots
9. 2x height Images – Change portfolio items image height to 2x bigger

1. Custom Portfolio Template -In our theme you can create custom portfolio template with page builder posts grid element. Please follow steps below to create and setup your website custom portfolio page. Go to Dashboard > Pages > Add New, create new page and name it My Portfolio Template then in portfolio settings you can choose it.

Theme Options: Portfolio > Portfolio Styling

Under Theme Options > Portfolio > Portfolio Styling you can find and manage your Portfolio styles.

1. StyleKits – Customize any part of portfolio archive styling for posts, title, image, etc.
2. Read More Icon – Choose read more icon from icons library
3. Others – Read more and pagination StyleKits, pagination will affects on all post types

1. Portfolio Template - If you want to change portfolio archive and taxonomy pages template, go to Theme Options > Portfolio > Portfolio Settings and find template option.

Theme Options: Portfolio > Single Settings & Styling

Under Theme Options > Portfolio > Portfolio Single Settings you can find and manage your portfolio single post settings.

1. Single Parts – Manage portfolio single post parts image, date, tags, etc.
2. Previous Post Sur Title – Translation of the previous post sur title
3. Next Post Sur Title – Translation of the next post sur title
4. Related Posts – Number of posts for related portfolio items section
5. Related Columns – Number of columns for related portfolio items
6. Related Title – Section title for related portfolio items section

1. Related Posts Grid – For e.g. you can set related posts count to 9 and set related columns to 3 columns to have a grid related posts section.

Theme Options > WooCommerce Pro

In this part you will learn how WooCommerce Products options works and where they are located.

Theme Options: WooCommerce Pro > Products Settings

Under Theme Options > WooCommerce Pro > Products Settings you can find and manage your WooCommerce shop products archive pages, sidebar, columns, effect, quick view, wishlist, etc.

1. Title Type – You can change default general title type for shop pages.
2. Sidebar – With this option you can change sidebar position for shop products pages.
3. Shop Columns – Number of columns for archive of products.
4. Two columns on mobile – Keep products as 2 columns in mobile devices.
5. Related Columns – Number of columns for related portfolio items.
6. Products Per Page – Number of products per archive and taxonomy pages.
7. Products Order – You can change products ascending or descending order in shop.
8. Products Order By – You can change products order by date, random, title, etc.
9. Image Hover Effect – If products have two images then enable this hover effect.
10. Wishlist – Showing wishlist icon by mouse hover on products image
11. Quick View – Showing quick view icon by mouse hover on products image
12. Center Mode – Make center wishlist and quick view icons on products image
13. Cart – Translate cart button word on mini shopping cart
14. Checkout – Translate checkout button word on mini shopping cart
15. Continue Shopping – Translate continue shopping button word on mini shopping cart
16. Cart Without products – Translate cart without products message

1. Image Hover Effect – Enable this option by choosing one of the hover effects, then edit your products and add second image in product gallery under product thumbnail.

Theme Options: WooCommerce Pro > Products Styling

Under Theme Options > WooCommerce Pro > Products Styling you can find and customize design of your WooCommerce shop products archive pages. You can customize any parts images, title, add to cart button, quick view and wishlist, sale, price, and etc.

1. Enable/Disable Features - If you want to enable or disable some products features such as quick view or wishlist, then go to Theme Options > WooCommerce Pro > Products Settings

Theme Options: WooCommerce Pro > Product Settings

Under Theme Options > WooCommerce Pro > Product Styling you can find and customize design of your WooCommerce shop products archive pages. You can customize any parts images, title, add to cart button, quick view and wishlist, sale, price, and etc.

1. Sidebar – You can change sidebar position on all single product page
2. Related Products – Choose related products section number of columns and Products
3. Disable Features – You can enable or disable some of important product features
4. Product Tabs – Choose product page tabs from 3 types, Left, Center or Vertical

1. Sidebar Widgets – From Theme Options > Widgets you can add or remove product page widgets or go to Appearance > Widgets

Theme Options: WooCommerce Pro > Product Styling

Under Theme Options > WooCommerce Pro > Product Styling you can find and customize design of your WooCommerce product page. You can customize any parts image, title, add to cart button, wishlist, sale, price, and etc.

1. Enable/Disable Features – If you want to enable or disable some product features such as hover zoom, slider, etc. then go to Theme Options > WooCommerce Pro > Product Settings

Theme Options: Site Identity

Under Theme Options > Site Identity you can find and change your site title, tagline description, and site icon (favicon)

1. Site Title – You can change your website title here
2. Tagline – Insert your site tagline description, its good for SEO
3. Site Icon – You can upload your site favicon PNG or ICO

1. Site Title – Keep its length between 285 pixels and 575 pixels (± 30 and 60 characters respectively), Place the most important keywords at the beginning of the title and Make sure that the title is easy to read, and that they are unique across your entire website

Theme Options > Menus

Under Theme Options > Menus you can find and customize your website menus and menu items, add or remove menu items.

1. Created Menus – Here you can see your site created menus panel.
2. Create New Menu – By clicking on this button you can create new empty menu.
3. View All Locations – You can view and change all available menus location.
4. Menu Name – Insert your custom menu name for use in elements.
5. Add items – Reorder or add new menu item to current menu.
6. Menu Location – Set current menu location to one of available menu locations.

1. Other way – Also from Appearance > Menus you can find and customize your menus and menu items, add or remove items, etc.
2. How add Menu in header? Go to Theme Options > Header > Header or other rows, then add new elements in left, center or right place and choose Menu element.

Theme Options > Widgets

Under Theme Options > Widgets you can find and customize your website widgets.

1. Number of Widgets Area – Here WordPress tells you how many widgets area exists.
2. List of Widgets Area – You can see list of available sidebars on current page.
3. Example Widget – This is an example widget that is ready to edit settings.

1. Other way – Also from Appearance > Widgets you can find and customize your widgets.
2. Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.

Theme Options > Homepage Settings

Under Theme Options > Homepage Settings you can find and change your homepage settings and set custom page for posts.

1. Type of display – You can choose to display posts in front page or custom homepage.
2. Homepage – You can set custom page for your website homepage
3. Posts Page – You can set custom blog page for showing your blog posts.

1. Homepage – You can create a custom page from Dashboard > Pages and with page builder add any elements you want.
2. Posts Page – Create an empty page and assign it here to have custom page for showing your blog posts.

Theme Options > Additional CSS

Under Theme Options > Additional CSS you can add any custom CSS codes and see live changes in previewer mode then publish your changes.

1. Custom CSS – There is no limitation and you can add any type of CSS, CSS3, animations, media queries, and etc. Also you do not need to put <style> tag and only custom CSS codes will works.

Theme Options > Backup / Reset

Under Theme Options > Backup / Restore you can reset theme options or download backup and save it for import in future or on another website.

1. Import a Backup – Paste your theme options encoded data and click on button.
2. Export and Download – You can download backup or copy encoded text and save it.
3. Reset All Options – Will reset all theme options and there is no undo button.

1. Reset Theme Options – Before reset theme options, this highly recommended to export and download your current theme options backup or save encoded backup text.

Theme Translation & Multilingual

We recommend using Poedit software for translation-related purposes.

To translate the theme to your language, please follow these steps:

1. Download and install Poedit software.

   

2. Navigate to the /languages folder and locate .pot file. Copy it to your desktop for editing.

   

3. Double click on the .pot file. In the Poedit window click on the "Create New Translation" button, choose the necessary language of the translation from the dropdown list and click "OK."

   

4. Now select the constant text string you need to translate from the "Source text - English" field and type in the necessary translation into the "Translation" field.
   You can translate as much as you want, just go through the file and click on each string in "Poedit" and add your translation.

   

5. Next, you have to save the changes to your .po file using the naming convention based on the language code (e.g. pt for Portuguese) followed by the country code (for instance _BR for Brazil). To do that click on the "sheet" icon (you can also use hotkeys CMD + Shift + S in OS X or Win+S in Windows) and type in the name according to the screenshot below.
   The first lower-case letters define the language, whereas the second upper-case letter defines the country. In most cases, the language and country are the same, like “de_DE” for Germany.
   However, there is a difference for languages like English or Portuguese, which are spoken in several countries natively. In this case, the difference is in the first and second letter pairs; for the UK, the code would be en_GB, whereas the en_US stands for the USA. If you are not familiar with the codes for your native language and country, then visit the GNU website. See Language Codes and Country Codes for the lists of codes.
   
   PLEASE NOTE! If you use the wrong naming convention WordPress can not process your translation.

   

6. When saving your .po file, Poedit automatically creates a new .mo file, with the same naming convention. According to the example above, the file would be called pt_BR.mo.

   

7. Upload the .po and .mo files you just created to the /languages folder. Make sure these files are in the same directory as the weeb.pot one.
8. Our theme is using Codevz Plus plug-in, so some translation should be done in language files of this plug-in in the /wp-content/plugins/codevz-plus/languages directory. There is also a codevz.pot file in this directory.
   Generate the .po and .mo files according to your language. See the file names on the example below:
   codevz-pt_BR.po, codevz-pt_BR.mo.
   Make sure that the language of your files is the same as in your WordPress admin panel > Settings > General Settings section.

Help and Support

In order to receive a technical support assistance, you need to have a valid purchase code. To get the code, please navigate to your ThemeForest "Downloads" page and click on the theme download link. Check this guide for more details.

PLEASE NOTE!As authors of this theme we do provide support only for the theme-related features.

We do not provide support for additional customization, 3rd party plug-ins integration or any other compatibility issues that might arise. Nevertheless, there is an exception that is only applied to the plug-in(s) we have developed and integrated ourselves.

If you have any questions that are beyond the scope of this help file, feel free to contact us. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 10am to 7pm (CET), from Monday till Friday.

Please before submitting a new ticket, please try searching our documentation for an answer.

Sources and Credits

n this section you can find additional information regarding fonts, clipart, design files used in this theme.

1. Framework by CodeStar
2. Font icons by Fontawesome
3. Images by Shutterstock, iStock, Fotolia
4. Font family by Google web fonts
5. Menu script by jQuery Superfish
6. Sticky columns by jQuery Theia Sticky
7. Lightbox by jQuery Lightgallery
8. Tilt effects by jQuery TiltJs
9. Music player by jQuery Soundmanager
10. Carousel by jQuery Slick
11. Grid posts by jQuery Isotope
12. Fitrow Gallery by jQuery jPictura
13. Countdown by jQuery The Final Countdown
14. Countdown by jQuery The Final Countdown

Website Page Speed Optimization

This chapter is for those who whould like to speed up their websites and care about the page loading speed. There are a lot of different ways to make your website work faster, but we will focus on caching plug-ins we have used on our demos, though they are not provided with the theme.

A lot of users access the website at the same time. This makes the server work slowly and takes more time to load the web page for each user. Caching is the way to store the current version of your web page on the server and prevent from sending requests to the server for each user each time.

Below you can find short description of the caching plug-in we have used on our demo as well as its main settings. Please feel free to play around with the plug-in's settings yourself in order to receive the better result.

WP-Optimize is all-in-one WordPress performance plug-in (not provided with the theme) that is responsible for cleaning your database, compressing images and caching your website.

Please check the links below for more information about this plug-in:

1. Official plug-in page
2. WordPress plug-in page
3. Official plug-in documentation

PLEASE NOTE!There is no unique recommended configuration of the plug-in's settings, suitable for every website. Please find out your own best combination of settings.

Once the plug-in is active, the WP-Optimize section will appear in your WordPress Dashboard.

Theme Changelog

To see theme cahngelog, Please click here.