Shopping cart

GETTING STARTED

System Requirements

PHP Configuration

When running a WordPress theme, it is essential to pay attention to the minimum PHP configuration requirements on your hosting server. PHP is the backbone of WordPress, and incorrect settings can lead to performance issues, compatibility errors, or even site crashes. Common problems caused by ignoring these requirements include memory exhaustion, slow loading times, and unexpected plugin or theme conflicts. By ensuring your server meets or exceeds the recommended limits, you guarantee a smoother experience for both administrators and visitors. Below, you will find the system requirements necessary for this theme to work properly.

PHP Version: 7.4.0
Server Memory: 256M
Post Max Size: 128
PHP Max Input: 300
Max Upload: 5M
WEBP Support enabled

Check Your Server's PHP Limits

You can check PHP limits in Theme Options > System

PHP Configuration limits
GETTING STARTED

Theme Installation and Child Theme

To properly use a child theme in WordPress, you must upload both the parent theme and the child theme to your website. The parent theme provides the core features and design, while the child theme allows you to make safe customizations.

After uploading both themes, you should activate only the child theme. The parent theme must remain installed but inactive — it will still work in the background to power the child theme.

Using a child theme is highly recommended because it lets you customize your website without modifying the parent theme’s files. This way, when the parent theme is updated, all your changes are preserved and your site remains secure and up to date.

To install via WordPress, go to Appearance > Themes, click Add New, then Upload Theme, and upload first the parent theme ZIP file and then the child theme ZIP file. To install via FTP, extract both theme folders on your computer, connect to your server with an FTP client, and upload them to /wp-content/themes/. Finally, go to your WordPress admin panel and activate the child theme.

Upload via WordPress Admin

  1. Log in to the WordPress administration panel at http://your-site.com/wp-admin.

  2. Navigate to Appearance > Themes.

  3. Select Add New, then click the Upload Theme button.

  4. Locate the file “kiwee.zip” (parent theme) on your computer and select Install Now.

  5. Repeat the process to upload the file “kiwee-child.zip” (child theme).

  6. Once both themes are installed, go to Appearance > Themes, and click Activate on the child theme. The parent theme will remain installed but inactive, working in the background.

Upload via FTP

  1. Download the files kiwee.zip (parent theme) and kiwee-child.zip (child theme) and extract their contents on your computer.

  2. Connect to your hosting account using an FTP client (such as FileZilla).

  3. Navigate to the directory: /wp-content/themes/.

  4. Upload both extracted folders (kiwee and kiwee-child) into this directory.

  5. Once the upload is complete, log in to the WordPress administration panel at http://your-site.com/wp-admin.

  6. Go to Appearance > Themes.

  7. Locate the child theme and click Activate. The parent theme must remain uploaded but not activated.

GETTING STARTED

Plugins Installation

When you activate the theme for the first time, an installation wizard will automatically appear to guide you through the setup process. This wizard is designed to make the initial configuration simple and straightforward, ensuring your website is ready to use with all the required tools.

By clicking the “Install and Activate Plugins” button, the wizard will automatically install and activate all the essential plugins needed for the theme to function properly. These plugins include core features such as design elements, customization options, and compatibility enhancements that bring the theme to its full potential.

Once the installation is complete, you will notice a new plugin icon added to your WordPress admin sidebar. This icon gives you quick access to the theme’s features, settings, and tools, allowing you to start customizing your website immediately.

This streamlined process ensures that you don’t need to manually install or configure plugins one by one — everything is handled for you, saving time and providing a smooth start with your new theme.

Required Plugins

  1. Redux Framework: important to enable most of the theme settings
  2. Elementor: our theme is compatible with blocks, but we strongly recommend installing Elementor Page Builder for a better experience.
  3. One Click Demo Import: used so you can import the available demos

Premium Plugins

When you purchase the Kiwee ​​Multipurpose Theme, you get access to some premium plugins. The files and license keys for each are in the folder you downloaded from ThemeForest.

Element Pack PRO: extender for Elementor; adds 100+ page builder elements –  Documentation

Ultimate Post Kit: provides unique and customizable blog landing, archive, and single post layouts – Documentation.

Prime Slider: makes the perfect hero section for your website based on the Elementor page builder – Documentation.

GETTING STARTED

Theme Update

When you purchase a theme on ThemeForest, you gain access to ongoing updates provided by the author, as long as the item remains supported and maintained. Updates often include new features, bug fixes, security patches, and compatibility improvements with the latest versions of WordPress and plugins such as WooCommerce or Elementor.

To receive updates, you must download the latest version from your ThemeForest account or, if the theme includes a license activation system, enable automatic updates directly from your WordPress dashboard. Keeping your theme updated ensures better performance, improved security, and access to the newest design enhancements.

Download the latest version of the theme from your ThemeForest account.
Go to Appearance – Themes and upload kiwee.zip and confirm the update.

GETTING STARTED

Theme Licensing

You can find the license for your purchase in two places:

On the ThemeForest Platform:

    • Log in to your ThemeForest account.

    • Go to your Downloads page.

    • Find your purchased item (e.g., Kiwee Theme) and click the Download button.

    • From the options, choose License certificate & purchase code. This will download a text file containing your license information and purchase code.

Note: Keep your license file safe, as it may be required for updates, support, or verification of your purchase.

About Envato License

Both the Envato Regular License and the Envato Extended License (ThemeForest) allow use on only one final product—in practice, this means a single site/domain (mydomain.com)

Even if you purchase the Extended License, it doesn’t allow you to use the same theme on multiple sites. The difference between them isn’t the number of uses, but the type of project (free vs. paid/subscription).

If you want to use the same theme on more than one domain, you’ll need to purchase a new license for each site.

Regular License

  • Usage: Allows you to create a product (website) that is freely accessible to end users.

  • Commercial Use: You can charge for your services as a freelancer or developer, as long as the end product itself is free to access.

  • Single Domain: One license = one site/domain.

  • Example 1: You build a blog or portfolio site that anyone can visit for free.

  • Example 2: You create a corporate website for a client; the client pays you for development, but visitors don’t pay to access the site.

Extended License

  • Usage: Allows you to create a product (website) that is sold or restricted to paying users (subscription, membership, paid content).
  • Commercial Use: You can sell or monetize the end product directly.

  • Single Domain: One license = one site/domain.

  • Example 1: You build a membership site, online courses platform, or SaaS website where users pay for access.

  • Example 2: You create a website template or ready-made theme to sell to multiple clients (each client requires a separate Extended License).

License Specifications

Read more about Envato licensing here

Basic Setup

Import Demo Content

Using a demo import for your WordPress theme significantly accelerates site setup and ensures your site matches the theme’s intended look and structure. Demos provide a fully assembled starting point — layouts, visual hierarchy, sample pages, and component placement — so you or your client can evaluate the design and functionality immediately. They reduce guesswork, speed client approvals, and make it easier to learn which theme settings control specific elements. Demos also help you test plugin compatibility, performance, and responsive behavior under real content and sample media.

What is Imported

he One Click Demo Import process can populate nearly every visible and structural part of a site, depending on how the demo is packaged. Common items included are:

  • Pages and posts (including sample content and categories)

  • Menus and menu locations

  • Widgets and sidebar/footer widget areas

  • Theme options / customizer settings (colors, typography, layout choices)

  • Footer and header layouts (widgetized or option-driven)

  • Custom post types and taxonomies (portfolio, testimonials, products)

  • Media library placeholders (images used in demo content)

  • Demo product data for WooCommerce (if provided)

  • Slider or page builder templates (if bundled or supported)
    Note: the exact list depends on the theme; authors decide which assets are exported with each demo.

How to Activate the Plugin and Import a Demo

  • Install and activate required plugins

    • Go to Appearance > Install Plugins to install and activate them first.

  • Open the Demo Importer

    • In the WordPress admin, navigate to Theme Options > Get Started > Demo Import.

    • The Demo Import screen will show available demos organized by category (e.g., Business, Portfolio, Shop). Categories help you pick a demo that matches your site purpose.

  • Select and preview (optional)

    • Browse demos by category and click Preview if available to confirm the visual style and included templates.

  • Run the import

    • Select the demo you want and click the Import (or Import Demo) button. The importer will process the files and register menus, widgets, posts, and theme settings as packaged. Keep the browser tab open until the process reports completion.

  • Follow any post-import prompts

    • The importer may ask you to assign menu locations, install additional plugins, or import slider/template data separately. Complete these steps to restore full demo functionality.

Troubleshooting & Best Practices

  • Back up first. Always export a database and files before importing a demo on a production site.

  • Import on staging whenever possible to avoid disrupting a live site.

  • Server requirements. If the importer times out or fails, increase PHP limits (memory_limit, max_execution_time, upload_max_filesize) or ask your host to assist.

  • Deactivate caching during import to prevent partial results.

  • Clean install recommended. Demos import most cleanly into a fresh WordPress install; importing into an already populated site may result in duplicated content or overwritten settings.

  • Remove demo content (posts, pages, sample images) when you begin replacing examples with your own content to keep the site lean.

Basic Setup

Set up the Homepage

To set a page as homepage:

  • Go to Settings > Reading
  • Select a Page option
  • Choose your page from the drop-down list
Set up the WordPress homepage
Basic Setup

Create the Menu

To create a menu in WordPress, go to Appearance > Menus in your WordPress dashboard. Click Create a New Menu, give it a name (for example, “Main Menu”), and then select the pages, posts, categories, or custom links you want to add. After adding your items, you can drag and drop them to organize the order or create dropdown submenus.

When assigning your menu to a display location, you will see multiple options:

  • Primary Menu: This is the main navigation area of your website and will be displayed in the header.

  • Topbar Menu: This menu appears in the topbar section of your site, if the topbar is enabled in your theme settings. Please note that the Topbar Menu is not available when using Header Version 4.

Finally, save your menu and refresh your website to see it in action.

Create WordPress Menu
Basic Setup

General Setup

Start by configuring your brand options. In Theme Options go to Branding to define your site’s logo and favicon. Below, you can set the height and width of the logo when displayed in the header.

Branding Options

Global Colors

Set your theme’s default colors in Theme Options > Global Colors.

  • Body Background: Set the background colors for pages.
  • Primary Color: This will be the site’s main accent color. Used to highlight links, the background color of buttons, icons, and more.
  • Secondary Color: This color is used to highlight elements on mouseover.
Global Colors

Typography

In Theme Options > Typography, you can set the font you want to use, as well as its weight, text color, and effect—uppercase or lowercase, for example.

The option H1 refers to the page’s main titles, and the Widgets option applies to sidebar elements, both for the blog and the store, if applicable.

Typography Options
Blog

Create a Blog Post

Creating a new text in WordPress is simple and intuitive. You can add content to your website using either Posts or Pages, depending on your needs. The block editor provides a flexible environment to structure your content with text, images, and other elements.

To create a text, go to the Dashboard and navigate to Posts > Add New or Pages > Add New. Enter a title and write your content using blocks for paragraphs, headings, lists, and media. Use the formatting toolbar to style your text, add links, or adjust alignment. When ready, click Publish to make it live.

How to create a blog post in WordPress

Image and Categories

Additionally, you can assign a Featured Image to visually represent your post or page. For posts, select relevant categories to organize content and help visitors navigate your site more easily.

featured image
Blog

Set up the Blog Page

To set up a blog page in WordPress, first create a new page by going to Pages > Add New and give it a title, such as “Blog.” You don’t need to add content to this page. Next, go to Settings > Reading and under Your homepage displays, select A static page.

Assign the page you just created as the Posts page. This tells WordPress to use this page to display your blog posts. Save your changes. You can now manage blog posts under Posts, and they will automatically appear on your designated blog page.

Set up the Blog Page
Blog

Blog Options

In Theme Options > Blog, you’ll see two options: Blog Page and Post Page.

Blog Page: Contains all the elements related to your blog’s main page.

Blog Post: Options related to your post’s internal page.

Blog Layout

The theme offers three blog layout options, allowing you to choose the style that best suits your content. Besides the layout options, you also can choose to show or hide the sidebar.

Blog Layout

1. Large Centered Images – Features big, eye-catching images centered above the post title and excerpt, ideal for visual storytelling.

Large Centered Images

2. Small Images Beside Text – Displays smaller thumbnails aligned to the side of the post text, providing a clean, organized look for text-heavy content.

Small Images Beside Text

3. Masonry – Arranges posts in a dynamic grid layout with variable image sizes, creating a modern, Pinterest-style appearance for diverse content.

Masonry

Post Preview Options
You can change the layout of your posts by setting the maximum size for the post title and the maximum number of words.
Choose the background color of the display box and the effect applied to the image when you hover over it.

Blog page options

Show/Hide Elements
You can choose to hide the read more button, as well as the post category, date it was posted, and author name.

Blog options

Single Page Options

On the post’s main page, you can also hide the category, date, and author name, as well as choose the color of the links and whether the box with information about the author should be displayed.

Single Post Page
Theme Options

Get Started

When accessing the theme’s admin page, the first tab is dedicated to the User’s Getting Started Guide. Here, you will find sections for the theme documentation, support, and the template importer, helping you set up and customize your site quickly and efficiently.

Get Started section - documentation and support link
Theme Options

General Options

This section covers basic site settings, such as spacing at the top and bottom of pages, the Back to Top button, and the mouse cursor style.

You can also customize your 404 page and choose to display it instead of the theme’s default page.

General Options - set up the website

Maintanance Mode
Enable maintenance mode to display a waiting page to your users.
Choose the title and message displayed on the page, as well as the background color of the page and text.

Maintanance mode
Theme Options

Branding

The Branding tab allows you to customize your website’s identity by uploading and managing your logo. When adding a logo, it is recommended to use an image that is twice the size of the display dimensions you want to show on your site. This ensures your logo remains sharp and clear on high-resolution screens, such as Retina displays.

Within this tab, you can also set the height and width of your logo to perfectly fit your site’s layout. Adjusting these settings helps maintain a consistent and professional look across all pages. Whether you are using a horizontal or vertical logo, this section provides the flexibility to make your brand visually stand out while keeping it properly scaled.

Theme options - how to set up the logo
Theme Options

Global Colors

The Global Colors section allows you to define the main color scheme of your website, ensuring a consistent and professional look across all pages. This section controls key colors used throughout your theme, making it easier to maintain brand identity and visual harmony.

  1. Body Background Color – This color sets the default background for your entire website. It affects the main page background as well as the areas behind text, images, and sections. Choosing the right body background color ensures that your content is readable and visually appealing.

  2. Primary Color – The primary color is the main accent color of your website. It is used for buttons, links, highlights, and other key elements that you want to draw attention to. Selecting a strong, recognizable primary color helps reinforce your brand identity and creates a cohesive visual style.

  3. Secondary Color – The secondary color complements your primary color and is typically used for secondary buttons, headings, or decorative elements. It helps create contrast and balance in your design, making your website look more dynamic and visually engaging without overwhelming the user.

By carefully choosing these global colors, you can create a visually consistent website that aligns with your brand and enhances user experience.

Set up the theme colors
Theme Options

Typography

The Typography section allows you to customize the fonts and text styles used throughout your website, providing full control over the appearance and readability of your content. This section ensures that your headings, body text, and widgets maintain a consistent and professional look.

  1. Headings (H1 to H6) – You can set the font, size, weight, style, and line height for each heading level from H1 to H6. Properly styling your headings helps create a clear hierarchy of information, making it easier for users to scan and read your content.

  2. Text – This option controls the main body text used across your website, including paragraphs, lists, and general content. You can adjust the font, size, weight, line height, and letter spacing to ensure optimal readability and a polished appearance.

  3. Widgets – The widget typography applies specifically to elements in your website’s sidebar, such as blog and shop widgets. This allows you to style widget titles, links, and descriptions separately from the main content, maintaining a clean and visually appealing design in these areas.

By configuring the typography settings, you can create a cohesive and attractive visual style that enhances user experience and aligns with your brand identity.

Theme typography

Typograpgy Options

In the Typography settings, you will find several options that allow you to fine-tune how your text appears across the website. These controls give you flexibility to match your brand’s style and improve readability:

  • Font Size – Defines how large or small the text appears. Adjusting the font size helps create hierarchy, ensuring headings stand out while body text remains comfortable to read.

  • Font Weight – Determines the thickness of the text. Common values include light, regular, medium, bold, and extra bold. Using different font weights can add emphasis to specific parts of your content, such as titles or call-to-action buttons.

  • Text Transform – Controls the capitalization style of your text. Options usually include:

    • None – Keeps the text exactly as written.

    • Uppercase – Converts all letters to capital letters.

    • Lowercase – Converts all letters to lowercase.

    • Capitalize – Capitalizes the first letter of each word.

Typography options
Theme Options

Set up the Header

Our theme provides four distinct header layouts, paired with flexible customization options for colors, typography, and overall styling. This ensures you can easily match the header design to your brand identity and website goals. You may also disable the theme’s header to fully use Elementor’s header builder.

Header Types

1.Standard Width – A balanced, traditional header layout with fixed width, ideal for most websites.

Header Standard Width

2. Wider Layout – Expands the header area for a modern, spacious look, enhancing visual impact.

Header Wider Layout

3. Search & Widgets Layout – Includes a search bar and widget areas, perfect for eCommerce or content-rich sites.

Header Search & Widgets Layout

4. Centered Logo Layout – Places the logo in the center with navigation around it, offering a clean and stylish design.

Header Centered Logo Layout

Header Options

Additionally, you can customize the menu typography and select between light, dark, or custom header styles. The header options also include adjustable height on scroll, hover effects, topbar visibility, and a dedicated call-to-action button for improved user engagement.

Header Typography

Header Typography

Topbar Options 
When the Topbar option is enabled, three widget areas will be available under Appearance > Widgets. These are divided into Left Column, Center Column, and Right Column, giving you full control over the content displayed in the topbar.

Topbar Options
Widget options - topbar

Socials in Topbar 
If you enable Social Icons in the topbar, the icons will appear above. To set them up, go to Socials in the theme options and enter the URLs of your social media profiles.

Social Icons in the topbar

Call to Action Button 
The header includes an optional call-to-action button with full customization. You can define the background color, text color, and button label to match your design. Additionally, you can choose whether the link opens in the same tab or a new one, ensuring flexibility for user interaction.

Call to action button on header
Theme Options

Page Title

The Page Title option allows you to control whether the page title should be displayed on the front end. You can customize its appearance by selecting a solid background color or uploading a background image. Additionally, you can choose to enable or disable breadcrumbs, giving visitors an easy way to navigate your site structure.

Page title options
Theme Options

Shop

With our theme options, you have full control over the WooCommerce store layout. You can define your brand’s primary color, customize button colors, and adjust other visual elements to match your identity. These settings make it easy to maintain a consistent design across your store while enhancing the shopping experience.

Display Options

Shop Columns – Define how many columns should be displayed on the store page.

Producs per Page – Number of products displayed at once

Product Reviews – Located on the product’s internal page. Define whether or not reviews should be made available to the customer.

Shop Cart and User Icon – Icons located in the site menu. They are displayed by default, but you can choose not to display them to the user.

Product Meta – This is the product’s secondary data, such as category, tags, and SKU, located on the product detail page.

Product meta

Hightlight Options

Custom Badge – Displayed on a product when its price is discounted. Choose a background color or insert a custom image. SVG extensions are not accepted.

New Flag – Shown when a product was registered less than 30 days ago

Discount Flag – Shown when a product has a special offer

Discount Flag Layout – Choose between circle or square format

WooCommerce Alerts – You can also customize the colors of default WooCommerce messages. Personalize the success, information, or alert messages your users receive.

WooCommerce messages
Theme options

Socials

In the Socials section, you can enter the URLs of your social media profiles. Once added, the corresponding icons will automatically appear in different areas of your site, depending on the header or footer style you are using.

The supported locations include the footer, the topbar, and the menu, making it simple to connect your visitors with your social channels.

Socials
Theme options

Custom CSS

The Custom CSS field is designed for users who want to add their own CSS rules without editing theme files. This provides flexibility to adjust layouts, styles, and visual details in a safe way. All changes made here will override the default theme styles.

Custom css
Translation

Translate Website

Our theme is already translated into English and Brazilian Portuguese, but if you need to translate into another language we suggest the Locco plugin.

Full plugin documentation can be found by clicking here.

Translation

Setup a Multi-lingual Website

Our theme is compatible with the following plugins:

1. WPML

2. Polylang

Troubleshooting

Required Plugins Install: Download Failed.

To improve the user experience with the theme, we suggest installing some plugins, such as Elementor and Redux Framework. However, when trying to install them through the theme, you may receive some error messages like the one shown below:

Required Plugins Install: Download Failed.

Problem Solution

This warning message usually appears when the user tries to install all plugins at once. We recommend installing them one by one and only then activating them in Plugins > Installed Plugins.

Troubleshooting

How to Make a Page Full Width

Often, when installing a theme on a clean WordPress site, the homepage may not be full width.

To resolve this issue, click to edit the page, go to Templates,  select Elementor Full Width then click Save.

Full Width Page Blocks Editor

If you are using the Classic Editor plugin, it should look like the image below:

Set full width page
Brand © All Rights Reserved