Artha is Interactive Interior Template, not just easily customized but Artha’s set of refined & elegant layout to made your website stand out

Our support team is looking forward to helping you!

We are a team based in Indonesia. We work Monday to Friday. Please remember this when you contact us. It’s faster for us provide support by our email , so please consider to ask support via the email.

To install this theme you must have a working version of WordPress already installed. For more information regarding installing the WordPress platform, please see the WordPress Codex .

Please note that we do not give support or any questions related on how to install and maintain wordpress. For any faulty installation that may cause your website or our theme malfunction you should refer to wordpress support forum. Alternatively you can get help from your web hosting.

If you’ve downloaded whole theme package, unzip it. There you will find the theme installation file , user manual, dummy content .xml file, license folder, etc.

Alternatively you can simply download the installable WordPress file.

When you are ready to install a theme, you must first upload the theme files and then activate the theme. For this purpose, unzip the file that you downloaded from themeforest and there you would find theme (artha-interactive.zip) file and upload it via wordpress installer. The theme files can be uploaded in two ways

Step by step: How to install Artha Interactive via FTP

  • Step 1 – Log into your FTP client to access your host web server
  • Step 2 – Browse to find the artha-interactive.zip file on your computer (located in downloader folder from ThemeForest) and unzip it.
  • Step 3 – Upload the folder you extracted from the zip file to yourdomain/wp-content/themes/ folder
  • Step 4 – Activate the newly installed theme by going to WordPress> Appearance> Themes and clicking the Activate button.
  • Step 5 – After you activate Artha Interactive you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Artha Interactive, Contact Form 7 plugin is required.
  • Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Step by step: How to install Artha Interactive via WordPress admin panel

  • Step 1 – Navigate to Appearance> Themes
  • Step 2 – Click Add New and click the Upload button.
  • Step 3 – Browse to find the artha-interactive.zip file on your computer and click Install Now
  • Step 4 – Activate the newly installed theme by going to Appearance> Themes and clicking the Activate button.
  • Step 5 – After you activate Arha Interactive you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Custom Post Type UI, Advanced Custom Field and Contact Form 7 plugin is required.
  • Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Artha Interactive includes 5 plugins that will need to be installed and activated: ACF Repeater, Advanced Custom Field, WP Bakery, Contact Form7, and One Click Demo Importer . When you install Artha Interactive, you will get a notification message in your WordPress admin telling you of the required and recommended plugins.

Plugin Installation & Update Notification

When you install Artha Interactive or update Artha Interactive, you will receive a WordPress notification message letting you know to install or update the required and recommended plugins. Please follow the on screen prompts to install, activate or update.

Below Code for element layout

SECTION

                                [section class="" id=""][/section]
                            

ROW

                                [row fullwidth="false" class="" fluid="false" nogutter="false" container_class=""][/row]
                            

COLOUMN

                                [col size="12" type="md" animate="false" class="" dataanim="" datatime=""][/col]
                            

COLOUMN ANIMATION

you can add custom animation in coloumn base on animated.css

link animated.css

                                [col size="12" type="md" animate="true" class="" dataanim="fadeInUp" datatime=""][/col]
                            

COUNT

                                [count num="100" title="your title"/]
                            

DIVIDER LEFT

                                [divider-left/]
                            

SPACER 1

                                [spacer-single/]
                            

SPACER 2

                                [space-single/]
                            

SHORTCODE FEATURES

                                [features bg-img="yourimgurl" heading="" link="#"][/features]
                            

BOX ICON

                                [box-icon icon="fa-building-o" title=""]this is content of box icon[/box-icon]
                            

CAROUSEL

                                [carousel post_type="post" count="5" id=""/]
                            

TESTIMONIAL

                                [testimonial count="5" id=""/]
                            

CALL TO ACTION

                                [cta url="your link" link_text="your link text"]your cta content[/cta]
                            

OUR CLIENT

                                [client heading="your heading" count="5"/]
                            

TEAM

                                [teams show="-1"/]
                            

BUTTON

                                [button size="lg" style="primary" url="your link"]your link text[/button]
                            

WRAP

                                [wrap class=""]your content here[/wrap]
                            

To install demo content proceed as follow steps bellow:

  1. Navigate to Custom Fields > Tools > Import file
  2. Select the file acf.json then click Import file
  3. Navigate to Tools > Import > Wordpress Importer
  4. Select the file Demo Content.xml then click Upload file and import
  1. Navigate to Appereance > Import Demo Data > Choose Import Version

Edit your wp-config.php file and enter something like:

define('WP_MEMORY_LIMIT', '128M');

WordPress memory can be different to the server – you need to set this regardless of server memory settings If you have access to your PHP.ini file, change the line in PHP.ini If your line shows 32M try 64M:

memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

If you don’t have access to PHP.ini try adding this to an .htaccess file: php_value memory_limit 64M

If none of the above works then talk to your host.

There are three ways to update theme

  • Always check our update notes
  • Always backup the files and the database, in case something goes wrong with the server you could use the backup to revert to the previous state. For more information on how to backup check the official documentation.
  • Do not keep older copies of the theme inside wordpress themes folder
  • Reset the cache after you update
  1. Place your site in maintenance mode, for this you could use a plugin (ex. Ultimate Maintenance Mode, WP Maintenance Mode, … etc.)
  2. Go to “yoursite/wp-content/themes” folder location and backup your Artha Interactive theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost but note that if you have modifications on the theme code they will be lost. You have to reapply them after the update is over.
  3. Connect to your FTP account using Filezilla.
  4. Inside Filezilla navigate to the wordpress theme directory “yoursite/wp-content/themes” .
  5. Retrieve the artha-interactive.zip file from your recently ThemeForest download and extract the file to get the updated Artha Interactive theme folder.
  6. Drag and drop the new Artha Interactive theme folder into “yoursite/wp-content/themes” and overwrite the existing files.
  1. Download the envato wordpress toolkit from here: https://github.com/envato/envato-wordpress-toolkit
  2. Upload and activate the envato wordpress toolkit plugin (.zip file that you downloaded).
  3. Get your new api key
  4. Go to Envato Toolkit Menu and add your Themeforest Username and the API Key that you generated from your account in the required fields. Save your settings. If you have problems with the update check Skip Theme Backup checkbox.
  5. Update the theme.
  6. Choose Activate the theme .
  1. Deactivate the current Artha Interactive theme from the Appearance > Themes section by activating a different theme. Once you activate a different theme, delete the Artha Interactive theme. Don’t worry, your content will not be lost.
  2. Get the “ artha-interactive.zip ” file from your new Themeforest download (Installable WordPress file only). If you downloaded the “All Files & Documentation” from Themeforest, then you need to unzip the archive file you received, the artha-interactive.zip will be inside it.
  3. Go to Appearance > Themes , choose Add New Theme , Upload the artha-interactive.zip” and click on the “ Install Now ” button.
  4. After your upload is finished choose Activate the theme .
  1. Navigate to Theme Options> Logo & Favicon
  2. Logo Light: Upload your light custom site logo (used for dark background).
  3. Logo Dark: Upload your dark custom site logo (used for light background)
  4. Favicon Logo
  5. Save Changes
  1. Navigate to Theme Options> Home Sliders
  2. Sliders: Add Slide:
  3. Image: Upload slide image
  4. Title: Your slide title
  5. Description: Your slide description
  6. URL: Your slide link url
  7. Save Changes
  1. Navigate to Theme Options> Contacts
  2. Address
  3. Email
  4. Phone
  5. Latitude Longitude
  6. Save Changes
  1. Navigate to Theme Options> Social Networks
  2. Here Lost's of social media option available. you can use any of social media.
  3. Save Changes

Artha Interactive supports custom WordPress menus, with up to five levels of dropdown support for the main menu. There are one areas of the theme where you can assign a menu: Primary Menu

To setup a new menu, please follow the steps below
Please note that it is better to create your own pages first, even if they are blank pages

  1. Navigate to Apperance> Menus page
  2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
  3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
  4. Enter Navigation Label and Title Attribute.
  5. You can also add menu items by entering a custom name and custom link into the Custom Links box
  6. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section
  7. After setting up your menu, select the menu you just created as the Main Navigation in the Theme Locations box
  8. Once it's all done, make sure you click the Save Menu button

You can add Works in your site then see below step how to add Works in Artha Interactive.

  1. Navigate to Works> Add New
  2. Add a title of Works.
  3. Add photos.
  4. Fill duration.
  5. Fill client name.
  6. Fill budgets.
  7. Select the feature image of Works.
  8. Once it's all done, make sure you click the Publish button

You can add Teams in your site then see below step how to add Teams in Artha Interactive.

  1. Navigate to Teams> Add New
  2. To add a title of Teams.
  3. Select the feature image of Teams.
  4. Once it's all done, make sure you click the Publish button

You can add Testimoni in your site then see below step how to add Testimoni in Artha Interactive.

  1. Navigate to Testimoni> Add New
  2. To add a title of Testimoni.
  3. Select the feature image of Testimoni.
  4. Once it's all done, make sure you click the Publish button

Please add the code below

  1. Navigate to Contact> Contact Form Add this code
  2. <div class="form-group user-name">    
    [text* your-name class:form-control placeholder "Your Name"]
    </div>
    <div class="form-group user-email">
    [email* your-email class:form-control placeholder "Your Email"]
    </div>
    <div class="form-group user-message">
    [textarea* your-message class:form-control placeholder "Your Message"]
    </div>
    [submit class:btn-contact "Send Now"]
  3. Select and copy this code and paste to column contact form 7
  4. Once it's all done, make sure you click the Publish button
  1. Download and install Autoptimize Plugin
    • A) Please go to settings> autoptimize
    • B) Make sure only "CSS Options" is checked.

  2. Download and install Optimus Plugin
    • A) Go to Tools> Optimize all images and click on optimize all images button

  3. Download and install W3 Total Cache
    • A) Go to performance> general settings

Once again, thank you so much for purchasing this theme. As we said at the beginning, We'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.