The SEO – SEO & Digital Marketing Agency WordPress Theme

The documentation is intended to help you to install and setup The SEO theme. If you have any problems, please send us a message and we'll help you troubleshoot and solve the issue!

Minimal Requirements for Theme

  • - Wordpress 4.1 or higher.
  • - PHP 5.4 or higher.
  • - MySQL 5 or higher.
  • - PHP.ini settings: .
    • - max_execution_time 60
    • - memory_limit 128M
    • - post_max_size 40M
    • - upload_max_filesize 40M
    • - allow_url_fopen ON

We recommend to use the latest version of WordPress and online version of the documentation.

How to Install WordPress

Installing Wordpress Instruction at WordPress Codex

If you are beginner with WordPress, we recommend that you explore the WordPress Codex

How to Install The SEO Theme

There are 2 ways to install WordPress themes – via WordPress admin and via FTP

1st way: Upload via FTP Server

1. Download archive with the theme on your Themeforest account.

2. Unzip archive and upload it into your WordPress Theme directory /wp-content/themes/.

3. Open the WordPress admin panel by going to

4. Go to Appearance > Themes on the sidebar.

5. Activate The SEO theme.


2nd way: Upload via WordPress Admin

1. Open the WordPress admin panel (navigate through your web browser to the folder where you have installed the WordPress e.g and go Appearance > Themes on admin sidebar..

2. Click on the Add new button.

3. Click on the Upload Theme button.

4. Click on the choose file button, select "" and click Open, and than Install Now button.

5. Activate The SEO theme

Install Plugins & Content: 1 click installer

Acivate the theme. Install and activate SecretLab Installer plugin.

Go to Appearance -> Welcome page. Choose the version of design that you want to install and click Start installation button.

Go to Theme Options and save settings. All done!

Video of automatic install process

Set php settings on GoDaddy

There are 2 ways to set php.ini setting in Godaddy:

1) Create a file ".user.ini" and type in:
max_execution_time 120
memory_limit 256M
post_max_size 40M
upload_max_filesize 40M
Save it & upload it via FTP into the same Folder where you find the wp-config.php
Simple as that & it works like a charm.


Go to CPanel

Select PHP version

Switch to PHP options

Set parameters

Manual Theme Install

if you cannot finish the automatic installation and have any server errors, you can use the manual installation. There are step-by-step installation functions - just click and wait. There are 13 steps. Every step can be done automatically by button Do it or manually by link (if it couln't be done automatically).

1. Install and activate plugins.

2. Refresh the page.

Step-by-step video for automatic install and full manual, if something went wrong

Files for full manual installation is in the folder /the-seo/import/.

Explanation for video

If there is an error, you can see what happened in Install Log and ask your hosting administrator to check php error log, to see the reason of error. You can also use Manual Install

You can now continue the installation process from the step before the error.

1. Click 1. Begin installing plugins

Select all plugins, choose Install and click Apply.

2. Click 2. Begin activating plugins

Select all plugins, choose Install and click Apply.

3. Click 3. Refresh the page

4. After the installation and activation of the plugins is complete, go to Appearance > Welcome and choose second step 4. Import Custom Post Types. On the Import/Export page choose types_plugin_settings.xml file in the import folder and click Import file. This is Custom Post Type for portfolio, testimonials, services and teammates.

You will be prompted for what groups, fields, and types you want to create. Select them all. This will create the Custom Post Types for portfolio, testimonials, services, and teammates.

You will see

5. Click 5. Import Sliders on welcome page. Click Import Slider on the screen that comes up.

Click Browse button, choose the slider in the /import/name_of_design/sliders/ folder and click Import. You need to import all of sliders for your selected design.

6. Go back to the welcome page and click 6. Import Suppamenu Skins. Choose the file with Suppamenu skins in Restore/Import section. You can find the file in the /import/name_of_design/ folder. For example, /import/SEO Light/suppamenu-skins-seo-light-28Nov15.dat. Click Import

7. Click 7. Import Theme Option Set on welcome page. Open the file with theme option settings in the /import/name_of_design/ folder. For example, /import/SEO digital/theme_options_seodigital.json. Copy all text data, click button import from file, paste the data into the textarea, and click Importbutton.

8. Click 8. Import Color Scheme Sets on welcome page. Click Import button and open file /import/3_color_kits.json with 3 set of colors. Click Import button.

9. Click Do it and wait a few seconds, it must setup icon font. If an error is displayed, click Import Icon Fonts or go to Ultimate -> icon Manager and click button Upload new icons and choose zip archive from folder /the-seo/import/ and click Insert Fonts Zip File button.

10. Click 10. Set Menu and Discussions Checkboxes.

11. Click 11. Import Dummy Data on welcome page. Choose the dummy data file in the /import/name_of_design/ folder. There are two identical dummy data folders. They are named for your hosting capabilities. The 1 Part XML Import is for fast servers. The 7 Part XML Import is for slower servers. Choose the one you need, select the xml file(s), click Upload file and import

When the import process is finished, you can see the inscription All done. Have fun!.

If you receive either the Request Timeout or 500 Server Internal Error it means the import process was unable to finish for 1 step. You can solve this in two ways:

1) If you have tried the 1 Part XML, use the 7 Part XML Import (For slow web hosts).

2) Press key press the F5 button. Then, click the Resend Data button if your browser prompts you to do so. This second option may take 10 to 15 repetitions to complete.

After the import process completes, you will got a screen like this:

12. Click 13. Import Widgets, choose file with widgets - *.wie file and click Import Widgets.

Theme Update

Before you start to update the theme, backup your data, please.

There are 2 ways to update the theme:

1. Update by Envato Toolkit.

1.1 Go to Envato Toolkit plugin and insert your themeforest username and API key. Click Save button.

You can get your API key at your account Settings -> API Keys

1.2 To go tab Themes and click Update link.

1.3 After that - go to Theme Options and click button "Save changes".
This is necessary as the design file updated when the theme did. After saving the theme options, the tire will have your options again.

1.4 Update plugins

2. By FTP

2.1 Download installable archive with thme from ThemeForest.

2.2 Upzip on you computer and unpack it..

2.3 Upload /the-seo/ folder at your hosting by ftp into /wp-content/themes/ folder. And say "Yes, replace all files."

2.4 After that - go to Theme Options and click button "Save changes".

2.5 Update plugins from folder /the-seo/lib/. You need to update Visual Composer, ultimate Addons for Visual Composer, Revolution Slider, SecretLab Shortcodes, SecretLab Metabox


You can upload plugins via FTP or deactivate these plugins at admin panel, delete them and install it via yellow message at top of admin page like in the instruction below.

Update of plugins

If you want to update any plugins which are provided with the theme, follow these steps:

1. Delete plugins that you want to update.

2. Click Begin installing plugins at notice at top of the page.

3. Choose all plugins you want to install and click Apply button.

4. Click Return to required plugin installer link

5. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

6. All done. You can start configure and use these plugins

Dont lose you customization

If you didnt make any changes in theme code directly, you will not lose your data. If you did, you must replace it into child theme. The child theme is a correct way to customize code and fucntions.

Settings like fonts, colors and address options (in Theme Options) are stored in the database, so you can’t lose it. Also, content pages and posts are too, so the theme update doesn’t change this.

Child Theme - The Right Way to Customization

Child themes are the recommended way of modifying an existing theme.

There are a few reasons why you would want to use a child theme:

  • If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
  • Using a child theme can speed up development time.
  • Using a child theme is a great way to learn about WordPress theme development.


If you get an error, please check your php error server logs.

If you cant get access to php error logs, go to wp-config.php and find a line with define('WP_DEBUG', false);. Replace the live with:

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);

After this, go to the page with the error and refresh it. And if you get error again, go to /wp-content/debug.log to read information about the error. When you know what the problem is, you can solve it, or send a message to your host to fix it.

Contact 7 Troubleshooting

Be sure that the form is set like this:

If your message doesnt send by form, ask you hosting to check php mail function problem.

Cant change color scheme?

These colour scheme savings are saved into the CSS-file after you click Save changes button in the theme options. If color scheme doesnt change, check writable permission for file and folder for CSS files:


It should be 755 or 777 for folder and 644 or 666 for file.

Cant Upload Theme. Theme Upload Error

If you try to upload theme and got the error: Are you sure you want to do this?. The error means that your php settings doesnt let you upload big files. Change parameters at php.ini:

post_max_size 40M
upload_max_filesize 40M

After that, file should be uploaded.

Install or Update of plugins

Update Visual Composer, ultimate Addons for Visual Composer or Slider Revolution

If you want update any plugins which are provided with the theme, follow these steps:

1. Delete these plugins.

2. Click Begin installing plugins at notice at top of the page.

3. Choose all plugins you want to install and click Apply button.

4. Click Return to required plugin installer link

5. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

6. All done. You can start configure and use these plugins

Install of Plugins

If you want install only plugins without other content, follow these steps:

1. Click Begin installing plugins at notice at top of the page.

2. Choose all plugins you want to install and click Apply button.

3. Click Return to required plugin installer link

4. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

5. All done. You can start to configure and use these plugins.

License Keys for plugins

I bought the developer extended licenses for Visual Composer, Ultimate Addons for Visual Composer and Slider Revolution, Suppamenu. I cannot share these keys (I do not have permission). I can provide updates of plugins with the theme updates.

You will get updates of plugins with theme updates.

Why dont i share keys for visual composer, ultimate addons and revolution slider?

1st reason: I do not have permission to share my developer license with customers.

2nd reason: if you are a Visual Composer updated, you will crash some of the elements of the theme or design. I am testing every version of Visual Composer, Ultimate Addons for Visual Composer and other plugins. Do you want to test it by yourself and fix any bugs? I don’t think so. I will protect you from crashing your website..

Documentation for Plugins

Visual Composer

Videotutorials is here
Online documentation is here

Slider Revolution

Online documentation is here

Videos is here

Suppamenu Pro

Online documentation is here

Online documentation for other plugins

  • Contact Form 7 here
  • Responsive Lightbox here
  • Types here
  • Woocommerce here
  • Ultimate Addons for Visual Composer here
  • Yoast SEO here

General Setting

You can set your Google Map API key, company name, choose your home page and upload favicon.

Contact & Map

You can add your contact information and coordinates for Google Map section on footer. Also, if you don't want or need it, you can turn off the Google Map section


You can toggle the social icons on and off and add the urls of your social pages.

Layout: Design Options Tab

On the Layout tab, , you can choose which design version you want to use, set transition time for effects, and choose page layout and sidebar options.

Header: Design Options Tab

On the Header tab, you can choose header type, slider, or hero scene. (Sliders can be created in Slider Revolution.) You can also turn the top bar off.

Footer: Design Options Tab

On the Footer tab, you can edit the copyright text and call-to-action blocks that appear in the footer.

Menu: Design Options Tab

On the Menu tab, you can edit the backgrounds for the dropdown menu item. After uploading image on this screen, add class subbgr1 or subbgr2 to menu item on Appearance -> Menu page. You can also edit background for the sticky menu that appear with each header.

Text Options

On the Text tab, you can set Headings 1 for some page and other texts from website.


On the Custom tab, you can add any custom CSS and JS code and turn off the Scroll to top button.


Powerfull setting for typography with 750+ Google Fonts


Select slider and sidebar options for your store. You can also turn on on/off the shopping cart at the menu.


This is where you customize your blog display options. Select page layout, sidebar, and column options. These options work for the blog page, /category/blog/ category and subcategories pages. You can also select slider for blog's header.

Color Scheme

You can edit colors and save and import color sets. Import our 3 basic color sets from file 3_color_kits.json as an example to see how things work.

Import / Export

You can download and import Theme option settings.

Where to edit?

Sidebars: How Sidebar Systems Work?

For any page or post you can add individual sidebar setting by our Metabox plugin

For Shop - Theme Options -> Shop. You can add nessesary widgets in Appearance -> Widgets at Left Shop Sidebar and Right Shop Sidebar

For Blog - Theme Options -> Blog. You can add nessesary widgets in Appearance -> Widgets at Left Blog Sidebar and Right Blog Sidebar.

we recommend that you put all of your blog’s categories into Blog category with slug /blog/ for proper operation of your blog’s settings.

Global Settings, exclude blog and shop. - Theme Options -> Design -> layout. You can add nessesary widgets in Appearance -> Widgets at Left Sidebar and Right Sidebar


The theme uses a lot of shortcodes: Visual Composer, Ultimate Addons for Visual Composer and SecretLab Shortcodes. You can find full information about these plugins at official documentations. And info about SecretLab Shortcodes is here.

Video tutorials are here
Online documentation is here
Ultimate Addons for Visual Composer here

SecretLab Shortcodes

Posts Feed

It displays feed of posts by category and post-type.

Testimonials Posts with Carousel

It displays feed of testimonials in 2 columns-carousel with dots-navigation.

Testimonials Posts with Carousel. Layout #2

It displays feed of testimonials in 1 column-carousel with dots-navigation.

Digital Theme Post Format, 2 columns

It displays feed of posts.

Teammate Posts with Carousel

It displays feed of teammates in 2 columns-carousel with arrows-navigation.

Price Table Layout#1

It displays price table.

Price Table Layout#2

It displays price table.

Free SEO Audit

It displays Call-to-Action block with animated message form.

Why Us Block Layout

It displays 5 icons and 1 headline with description.

Social Icons

You can create custom icons to link to your social pages in any place

Latest news: 4 blog posts

Display your last 4 blog posts. 1 post at the left side and 3 posts at the right side.


Powerful shortcode to display icons with title and description

Testimonials. Layout #4

Testimonials #5: tabs view

Price Table Layout #3

Responsive Price Tables

Portfolio List Carousel

Display last portfolio items

Portfolio Item Carousel

Services List #2

SEO Results Item Carousel

Displays your clients and results: phrases at top-10 etc. The shortcode takes data (like value of phrase) from portfolio post type by tag "SEO". So, it displays the last items from your portfolio with the ‘SEO’ tag. The portfolio data items should be set in additional fields.

Price Table Layout #4

Responsive Single Price Table

Simple Title

Shortcode to display headeings or text blocks with font settings.

Flex Buttons

Shortcode to display buttons with flexible settings settings.

Icon Fonts & Icon Font Manager

The theme is supplied with 2 icon font sets: alico to 2055 icons, and seocon icons set to 153 icons. You can find zip archives with the icon sets at Icon fonts folder.

Icon Manager supplied with Ultimate Addons with Visual Composer and support upload icon fonts, that was prepared at Iconmoon App. You can create icon font and upload .zip archive to Icon manager to use icons for display through Visual Composer.

Website Speed Optimization and Cache Plugins

The best way to increase website loading speed is CDN (Content Delivery Network). For example,, it's free

Also you can optimize:

1. Download and install W3 Total Cache plugin
- Go to Performance > General Settings
- At the end of this page you'll find "Import / Export Settings" section which you can import "w3-total-cache-config.json" file. The mentioned file is available via Package Content Folder > IncreasePageSpeed
- Go to "Minify" and set your API key to exclusion:

Exlusion JS:

Exlusion CSS:

2. Go to and set your website, it's free. If you dont want to use CDN, you can just use cache plugin

Results after W3 and CDN for homepage

No cache plugin

W3 Total Cache

W3 Total Cache and together

I've also been testing the theme compatibility with other cache plugins:

  1. WP Super Cache - set it like that
  2. WP Rocket width some scripts to minifying exclusions:

Slides and Slider Revolution Plugin

You can choose slider:

  1. All website pages - at Theme Options -> Design -> Header
  2. Blog and blog posts that contain at /blog/ slug - at Theme Options -> Blog
  3. Shop and product pages - at Theme Options -> Shop
  4. For any pages including services, testimonials, teammates and portfolio/cases, the option is at the bottom of the page when you edit this.

Slider Revolution Documentation

Online documentation is here

Video Tutorials at Youtube

Content Editing

Visual Composer is a general content editing plugin.

Videotutorials is here
Online documentation is here

Page Options

At the end of the page you can find page layout option (full-width or boxed), turn sidebar on/off and choose a slider to dusplay at the header of the page.

You can also choose a header and menu template at the page attributes block.


You can edit footer section or create a new one at Composer Widgets plugin. These footer is editable with Visual Composer

You can set the footer that you want to display at Appearance -> Widgets. Just set widget Composer Content Block to footer sidebar and choose a section that you created or edited in the dropdown list

You can create custom content for any sidebar the same way.


Go to Appearance -> Customize -> Site Identity.

How to set a logo?

1. Go to Suppamenu Pro. Choose a skin that you want and click button Load

2. Click link Layout & Logo and upload normal and retina logos, also dont forget to add logo for responsive

Every header has his own menu skin, you can see or change skin for header at Appearance -> Menu

How to edit menu items and skin?

Go to Suppamenu Pro Choose a skin that you want and click button Load. Here you can edit colors, fonts and other settings. More information about the plugin in official documentation here
1. Want to change the background of a dropdown menu? Edit backgound settings in Theme Options -> Design -> Menu and copy class subbgr1 or subbgr1 (which you did edit).
2. Go to Appearance -> Menus and paste it into CSS Classes text field for parent menu item. Also choose megalinks menu type.
3. If you dont see CSS Classes text field, you can turn it on in setting of this page.
You can edit icons and menu type like dropdown at Appearance -> Menus. every menu item has options so set icon, menu type

How to change design and color scheme?

1. Go to Theme Option -> Design -> Layout. Select design that you want.
2. Go to Theme Option -> Color Schemesand choose color scheme or edit current. We provide 3 color schemes with the theme (3_color_kits.json file in direcory import).
3. Go to Theme Option -> Typography and set colors for you color scheme. Click Save

Services Post Type

This is a special post type for services with additional fields - icon and excerpt. These fields required for display services list at Services Archive page and Services List shortcodes.

Portfolio Post Type

This is pecial post type for portfolio with additional fields - url of website, statistics, or screenshot, % phrases at top 10, excerpt etc. These fields required for display portfolio list at Portfolio Archive page and Portfolio List or Carousel shortcodes.

The main content about the portfolio item is created with Visual Composer content section, so you can create unlimited layouts.

SEO data like % phrases at top 10 is required for SEO Results shortcode.

Testimonials Post Type

This is pecial post type for testimonials with additional fields - name, post and photo of client. These fields required for display testimonials list at Testimonials Archive page and Testimonials Carousel shortcodes.

Teammates Post Type

This is pecial post type for teammate with additional fields - name, post of member, social profiles. These fields required for display teammates list at Teammates Archive page and Teammates Carousel shortcodes.

Translate WordPress Theme

Page Builder

In the theme we use Visual Composer Pagebuilder.

Videotutorials is here
Online documentation is here

If you wanna display a service page like a homepage, save it like a template at the Cisual Composer, create a new page, load the template, save the page and then set it like a homepage in the Theme Options.

Fit Your Brand or How to Prepare Your Website

If you want to change colors to fit your brand, there are a list of tasks:

  1. Change color scheme at Theme Options
  2. Set logo at menu skin at Suppamenu
  3. Change menu colors at menu skin at Suppamenu
  4. Change colors at sliders at Slider Revolution plugin
  5. Change colors at mockups at homepage
  6. Change colors at content of homepage
  7. Set your email address at forms at Contact 7 plugin
  8. Insert your testimonials at Testimonials post type
  9. Insert your teammates at Teammate post type
  10. Insert your or edit our portfolio at Portfolio post type
  11. Edit services pages at Service post type
  12. Edit contact information at footer
  13. Edit contact information at contact page
  14. Set your options at MailPoet plugins, if you need a subscription form

SEO Settings

All pages, posts and categories has SEO settings.

You can configure titles and meta-data for custom post types, categories, tags etc at SEO -> Title & Metas page.

You can configure Breadcrumbs and Premalins at SEO -> Advanced page.

Full documentation for Yoast SEO plugins is here

Support Desk

Please remember you have purchased a very affordable theme. You have not paid for a full-time web design agency. Occasionally, we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your convinience, so please be patient, polite and respectful.

Please visit our profile page or ask question

Our theme support includes:
  • * Responding to questions or problems regarding the theme and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Theme support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. If there is, you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Files & Sources

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under the-seo/css/

  • 1. alico.css - Stylesheet for Icon Font
  • 2. digital.css - Stylesheet for Digital Design
  • 3. bootstrapmin.css - Bootstrap stylesheet
  • 4. dynamic.css - Stylesheet with curent design after compiler, with colors from theme options
  • 5. editor-style.css - Used to style the TinyMCE editor
  • 6. seoagency.css - Stylesheet for SEO Design
Included JavaScript

These are the various attribution links to the Javascript files included or modified to work with in this theme. All included JavaScript codes under the-seo/js/

  • 1. js/modernizr-2.7.1.min.js - Modernizr
  • 2. main.js - Our Custom JavaScript
  • 3. jquery.maps.js - Retina JavaScript
  • 4. map.js - JavaScript that gererates with your data from Theme Options ->
Import files

All included import files storages at folder the-seo/import/

  • 1. /menu_css/ - files for auto install
  • 2. /SEO dark/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Dark version of design
  • 3. /SEO digitaldark/ - XML, sliders, widgets, Suppamenu skins and theme options for Digital Dark version of design
  • 4. /SEO digital/ - XML, sliders, widgets, Suppamenu skins and theme options for Digital version of design
  • 5. /SEO light/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Light version of design
  • 6. /SEO flat/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Flat version of design
  • 7. 3_color_kist.json - file with color schemes
  • 8. /icons/ - files with icon fonts, that you can import in Ultimate -> Icon Manager
  • 9. types_plugins_setting.xml - file with Custom Post Structyre for portfolio, team, testimonials and services
  • 9. 3_color_kits.json - file with Color Scheme sets