SpondTech WordPress Documentation

Thank you for purchasing SpondTech - It Solution & Services WordPress Theme and choosing our theme for your web development needs. This documentation will provide you with all the details you need in order to use this WordPress theme. If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is sending an email to us: johanspond@gmail.com

If you like this theme, Please support us by rating us 5 stars

Thank you. Johanspond

SpondTech V- 1.0.0

1. About SpondTech Theme

SpondTech is best WordPress theme for agency, technology, app, business, digital agency, it services, it solutions, network solution, software, startup, digital industry, services, and software-related websites. We looked over the last trends in web-design when creating this theme. SpondTech is very easy to setup and use, with one click demo content import.

2. Install Theme

Download packages:

Purchase SpondTech theme from ThemeForest then you can download our template package from there. Extract package includes all the files and folders of the theme. When done, you should see spondtech.zip (zip file name can be changed from version to version).


Once the download is complete, unzip the file and you will see the following packages:

System Requirements:

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

Theme Installation :

There are 2 ways to install a WordPress theme. Both ways will allow you to easily upload and install the WordPress theme files for a quick and easy setup.

Installing Theme from the WordPress Dashboard


If you are experiencing any issues during the installation I would recommend to check out this Screencast by Envato

Install theme via FTP

The second option how to install this theme would be the upload via FTP manager. It really doesn’t matter which of the two ways you choose, just choose the one you feel more comfortable with.

Known problems when installing the theme

1. The “Broken theme and/or stylesheets missing” error is most common when you install or activate a new theme.

If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the spondtech.zip within the Theme Files folder. You have to unzip the package file that you download from Themeforest to find this.

3. Plugin Installation

Right after the theme is activated, a notification at the top of the screen will suggest continuing with the installation of the plugins recommended for getting the best of your theme. Installing process is very simple, you just need to click Begin installing plugins and you will be redirected to the plugin installation page where you can install Plugins. 

Plugins Using in SpondTech theme

Step 1: Click ‘Begin installing plugins and select the plugins you need to install from the list.

Install Plugin

Step 2: Select all plugins then choose Install, Click Apply to install all the plugins

Install Plugin

Step 3: Select all plugins then choose Active, Click Apply to Activate all the plugins

Activate Plugin

4. Import Demo Data

# One Click Import

The fastest way to import demo content is to use the Demo Content Importer. The Demo Content Importer provides you with all pages and posts, sample sliders, widgets, theme options, assigned pages, and more. Using this import feature is recommended for fresh installs. We always recommend running it on a fresh WordPress installation.

1. Make sure you have all the required plugins installed and activated.

2. Navigate to Appearance->>Import Demo Data.

3. Then Click Import Demo.

4. Click Continue & Import to confirm Import.

5. Wait until the import routine is done. Please be patient and don’t navigate away, as this can take few minutes depending on your host’s performance.

5. You will be notified once the importing process is completed.

# Manual Import

You can manually import demo data in 6 steps.

From Admin menu, navigate to Tools->Import then Install WordPress Importer Plugin.

Run The Importer

Now browse theme-content file.

After browsing theme-content file, Now click Upload file and import.

Now, check Download and import file attachments you can also assign user. Then click Submit.

Theme Options Import :

You can easily import theme options from Import/Export -> Import Options upload json file & Click Import.

Widget Import :

You can import widgets using plugin Widget Importer & Exporter. After installing this plugin, navigate to Tools->Widget Importer & Exporter. In the next step when file uploading option appears, select the "widgets.wie" file from sample folder and start importing.

Theme Options data location >> go to download package >> sample >> data folder.

Option Demo Data

Change Elementor Content Width:

When completing the demo import please go to Dashboard -> Pages -> edit any page with the Elementor -> Site Settings -> Layout and make the Content Width 1200. It sets the default width of the content area.

# Hide Site Tagline :

Navigate to Appearance->>Customize >> then uncheck the Display Site Title and Tagline box & click Publish button.

5. Menu Settings

Set Up Menu

1. Creating Menu

Create Menu

2. Adding pages to your menu

Page Menu

Your custom menu has now been saved.

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Portfolios are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.

screen options

Choose Menu

screen options

#Sticky Menu Settings :

Go to Theme Options -> Sticky Menu Settings and Show/Hide Sticky Menu.

screen options

#Responsive Menu Settings :

1. Creating Menu

#Offcanvas Menu Settings :

If you want to update Offcanvas menu widgets options please Go to Dashboard -> Appearance -> Widgets and OffCanvas Widgets to update all the information.

screen options

6. Theme Configuration

Upload Favicon :

You can upload your site favicon via the Theme Options -> General Sections. Please follow the screenshot steps:

Upload Logo :

You can upload your logo image via the Theme Options -> General Sections. If the logo is not uploaded, then your site name will be used. Please, follow the steps below to upload your logo:

Theme Option

#Breadcrumb Settings :

To change the site breadcrumb settings Go to Dashboard -> Theme Options -> Theme Style -> Breadcrumb Style and follow the screenshot steps:

#Custom Page Breadcrumb Settings :

To change any specific page breadcrumb image or color Go to Dashboard -> Edit Page -> Custom Page Options -> Page Breadcrumb Banner Settings and follow the screenshot steps:

#Site Preloader Settings :

To change the site preloader color or enable/disable site preloader Go to Dashboard -> Theme Options -> Preloader Style and follow the screenshot steps:

Theme Option

#Scroll Button Settings :

To change the site Scroll Button color or enable/disable Scroll Button Go to Dashboard -> Theme Options -> General Options -> Go To Top Settings and follow the screenshot steps:

Theme Option

#Typography Settings :

To change the site Typography Go to Dashboard -> Theme Options -> Typography Settings and follow the screenshot steps:

Theme Option

#Heading Typography Settings :

To change the site Heading Typography Go to Dashboard -> Theme Options -> Typography Settings -> Heading Typography and follow the screenshot steps:

Theme Option

#Theme Main Color Settings :

To change the site default color Go to Dashboard -> Theme Options -> Theme Style -> Global Style and follow the screenshot steps:

Theme Option

# Set a page as Home Page

Set Homepage

7. Set Up Home Page

You can quickly build a home page using Elementor for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required

From your Dashboard Admin Navigate to Pages

# How to use Elementor Page Builder

Have you ever used Elementor Page Builder? Please follow that guide first: Elementor Page Builder Guide

Watch video about Elementor

1. Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Edit with Elementor

Step 2 - You will see all element in left sidebar, please choose element that you want to use or you will see button "Add New Section" ,"Add Template" , please click to button to add element.

Step 3 - To change the Row layout ( number of columns ) you need to click button content will display in leftsidebar.

2. Edit Element

Click on the Edit This Element (pencil icon) to Edit the Row element , when you click to button all content will display in left sidebar follow you can change .

3. Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

4. Add Element

Trash Box Icon - To Add Row, Column , please click to add icon.

# Create New Page

Create New Page with Elementor Page Builder

Choose header layout

Choose page header Layout

Choose header layout

# Set Up Blog Page

1. Create the blog post

Create Post

2. Manage current all blog posts

You can see all information of you blog post, add new, edit or delete them.

Manage Post

# Blog Global Configure

# Blog Single Page Options:

# Create Service Item

Step 1: Go to Service from Dashboard then create content of Service

Create Service Item

From your admin Dashboard navigate to: Theme Options > Service Settings

# Create Timeline

Step 1: Go to Timelines from Dashboard then create content of Timelines

Create donation

# Create Team Member

Step 1: Go to Team from Dashboard then create content of Team

Create Team

# Team Settings

From your admin Dashboard navigate to: Theme Options > Team Settings

Create Team

# Create Testimonial

Step 1: Go to Testimonial from Dashboard then create content of Testimonial

Create Testimonial

# Create Portfolios

Step 1: Go to Portfolios from Dashboard then create content of Portfolios

Create Testimonial

# Create Contact Page

1. Create Contact Form.

Make sure you install and active Contact Form 7 plugin to continue reading.

Contact Code

Contact email settings

Update All Contact Form Information.

Contact All settings

8. SpondTech Theme Options

SpondTech Theme use Customizer provides an ultra-effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore. To access Customizer, go to your admin Dashboard Navigate to Admin >> Theme Options

SpondTech Options

Go to WordPress admin panel and navigate to Theme Options → Footer Option → Copyright Settings

# Footer Copyright Settings

# Footer Top Part Settings

# Footer Layout Settings

9. FAQs

# How to update Theme

1.Update Theme via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress. Make sure you had backup all of your customization in our theme. Follow the steps below to update your theme via WordPress:

update themes

2.Update theme via FTP

Updating the theme via FTP is very similar to the install process via FTP. Follow the steps below to update your theme via FTP:

# How to create Child Theme

What is a Child Theme?

A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

Why use a Child Theme?

if you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.

You need to use a Child Theme only if you are making code customizations.

Thanks for reading!