UPkit

Required plugin 

  • Geodirectory
  • Elementor Pro

How to add new templates

  • Unzip the ZIP file in your local computer and import the .json file templates that you like one by one.
  • To import the .json file, go to Dashboard - Templates - Add new.
  • Choose template type and name your template, for example create a new template for GD single. The difference between single and GD single is GD single  is a template that is directly connected to geodirectory.
  • It will be automatically redirected to the elementor builder. That's where you design. After finished with design click button publish

How to using Elementor builder

  • Add new row
  • Click plus button and choose structure builder as you want

  • Styling element
  • For the styling element it will be showing in the left sidebar. we can change the size, color etc.

  • How to add elements
  • Click button square in right section, search element and drag element into builder

How To  Import Upkit Template

  • Unzipped the file first in your local computer and import the .json file one by one that you like
  • Go To Templates , Select Add New
  • Select Import Templates

  • Select the file to import

  • Then , Click Import Now. UPkit Template will be imported directly

How to add sections templates

Header Infobox

  • Unzipped the file UPkit Header Infobox first in your local computer and import the .json file one by one that you like
  • Go To Templates , Select Add New
  • Select Import Templates

  • Select the file to import

  • Then , Click Import Now. Upkit Header Infobox Template will be imported directly
  • How to add the Infobox Header Section UPkit, you can go to the Elementor edit page
  • At the bottom, you can click on the folder icon named Add Template

  • Click My Templates, then select the Section Header that you want to add. 

  • Click Insert so that the Section Header Template can be added. 
  • Template Successfully added

Section Social Icons

  • Unzip the file UPkit Header Infobox first in your local computer and import the .json file one by one that you like
  • Go To Templates , Select Add New
  • Select Import Templates

  • Select the file to import

  • Then , Click Import Now. Upkit Section Template will be imported directly
  • How to add the Infobox Header Section UPkit, you can go to the Elementor edit page
  • Click the square at the top and then click Global

  • For a variety of sections, all you have to do is drag one of them to what you need

How to assign archive item in gd archive gd search

  • Go to the GD Archive and GD Search template edit page that you have imported in the Elementor.
  • After that, click Edit Archive Post -> Select GD Archive Item -> Select a default template according to the template you are using
  • Click the Update button to update the elementor

How to assign theme builder 

  • For the theme builder after we finish it must be assigned, how to assign it?
  • Go to button in left bottom click it and choose display conditions

  • Click button add condition and choosing your condition then save 
  • Example: gd single - all gd single, archive - archive 

How to import UPkit Style kits 

  • In your Dashboard, go to Templates -> Saved Templates

  • At the Top of the page, click Import Templates Button

  • Import the Style Kits file 

  • Then you can go back to Style Kits -> Theme Style Kits to see the Style Kits that you have imported . Now the newly added Kit will be available both in your elementor template library, and the Theme Style Kits page as well.

How to setup the Default Style to be Upkit style

*Note: If you want to change your theme style to Upkit Style, you must change it to Global  Settings

  • In your Dashboard, go to Style Kits -> Settings

  • Change the previous Global Style Kit Default to UPkit V 1.0.1

  • Finally, your site has changed to the UPkit Style theme

How to change Upkit style using stylekit (plugins available with install package)

Heading & Body typography

  • Click Typography 

  • Example , Change on H1 Color.  Click color , then select the color to be used

  • Changes Typography. Click Typography, then change as desired. For example font family, font size and etc.

  • After makes changes don't forget to click update, to save the changes

Buttons (BiZ)

  • Click Buttons 

  • Example , Change Text color. .  Click Text color  , then select the color to be used

For text color 

  • In this button there are many settings that can be changed. such as background colors, typography buttons, shadow boxes and etc.
  • After making changes don't forget to click update, to save the changes.

 Button Size 

  • Click Button Size 
    • Select the settings to be changed, for example changing the text color on the xs   button.

  • in this button setting, we can change typography, background, and etc
  • After making changes don't forget to click update, to save the changes.