Theme Documentation – Elementor Template Kit

Welcome to the documentation for our Elementor Template Kit. This guide will help you install, import, customize, and manage the templates easily—no coding required.

1. Overview

Our Elementor Template Kit is a collection of professionally designed pages and sections built specifically for Elementor (and Elementor Pro where required). It is suitable for landing pages, business websites, portfolios, SaaS, and marketing websites.

Key Features

1. 100% Elementor-based (no coding)
2. Fully responsive & mobile-friendly
3. Modern and clean UI design
4. Easy customization (colors, fonts, layouts)
5. Fast loading & SEO-friendly structure
6. Compatible with latest WordPress & Elementor versions

2. Requirements

Before installing the template kit, ensure your site meets the following requirements:

1. WordPress 6.0 or higher
2. Elementor (Free) – Latest version
3. Elementor Pro (required for some templates)
4. PHP 7.4 or higher
5. Recommended Memory Limit: 256MB

3. Installation

Step 1: Install Required Plugins

1. Go to WordPress Dashboard → Plugins → Add New
2. Install and activate:
   • Elementor
   • Elementor Pro (if required)
   • Envato Elements or Template Importer plugin (if provided)

4. Importing the Template Kit

Method 1: Import via Elementor Template Kit

1. Go to Dashboard → Elementor → Tools → Import / Export
2. Upload the provided .zip template kit file
3. Click Import and wait until the process completes

Method 2: Import Individual Templates

1. Open any page with Edit with Elementor
2. Click the Folder icon → Import
3. Upload individual JSON template files

5. Creating Pages Using Templates

1. Go to Pages → Add New
2. Click Edit with Elementor
3. Click the Folder icon
4. Choose a page template (Home, About, Services, Contact, etc.)
5. Insert the template and publish the page

6. Header & Footer Setup

Requires Elementor Pro

1. Go to Templates → Theme Builder
2. Add a new Header or Footer
3. Insert the provided header/footer template
4. Set display conditions (Entire Site)
5. Publish

7. Customization Guide

Change Colors

1. Go to Elementor → Site Settings → Global Colors
2. Update primary, secondary, text, and accent colors

Change Fonts

1. Go to Elementor → Site Settings → Typography
2. Select your preferred fonts and sizes

Edit Content

1. Click on any text, image, or button
2. Replace content using Elementor controls

8. Responsive Settings

All templates are responsive by default.

To fine-tune responsiveness:

1. Click the Responsive Mode icon in Elementor
2. Adjust padding, font sizes, and alignment for:
   • Desktop
   • Tablet
   • Mobile

9. Forms Setup (Contact / Newsletter)

RequiresElementor Pro

1. Select the form widget
2. Update form fields as needed
3. Go to Actions After Submit
4. Configure Email, Webhook, or Redirect

10. Images & Media

1. Replace demo images with your own
2. Recommended image formats: JPG / PNG / WebP
3. Optimize images for better performance

Demo images are for preview purposes only and are not included in the final download.

11. Performance Optimization Tips

1. Use a caching plugin (e.g., WP Rocket, W3 Total Cache)
2. Enable image lazy loading
3. Use optimized hosting
4. Avoid installing unnecessary plugins

12. Common Issues & Solutions

Template Not Importing

1. Increase PHP memory limit
2. Check file upload size limit
3. Disable conflicting plugins temporarily

Styling Looks Different

1. Make sure Global Colors & Fonts are configured
2. Clear cache after import

Elementor Not Loading

1. Enable Safe Mode (Elementor → Tools)
2. Check PHP version compatibility

13. Updates

We regularly update our templates to ensure compatibility and improvements.

1. Always back up your website before updating
2. Re-import templates if required

14. Support

If you need help or face any issues:

1. Visit our support page
2. Submit a support ticket
3. Provide screenshots and clear details

Support Hours:
Sunday – Thursday | 10:00 AM – 6:00 PM (GMT+6)

15. Credits

1. Elementor Page Builder
2. Google Fonts
3. Free stock images (Unsplash / Pexels)

Thank you for choosing our hypsof Elementor Template Kit
We hope it helps you build amazing websites effortlessly.