Arsha v1.0.0
Live Preview Documentation

Build your architecture website with Arsha

Create architecture, construction, and interior design websites with Arsha. Follow the guides to install the theme, import a demo, and customize your pages.

Start Setup Ask for Help
  • Architecture, Construction & Interior Theme
  • Version 1.0.0
  • WordPress · Elementor · Arsha Core
Arsha theme preview
  1. 1 InstallUpload arsha.zip
  2. 2 Add pluginsActivate the essentials
  3. 3 Import a demoPick a ready-made site
  4. 4 Make it yoursLogo, colors and menus

Overview

Version v1.0.0
Created August 23, 2025
Author Togra Studio
Documentation Open guide

Full item name: Arsha - Architecture, Construction & Interior WordPress Theme

Introduction

Arsha is a WordPress theme for architecture, construction, and interior design websites. It is built with Elementor and Arsha Core, with portfolio and service content types for presenting projects and services. This guide covers installation, demo import, customization, Theme Options, and Elementor widgets.

Stuck somewhere?

For help with Arsha, consult the Arsha documentation or visit the Togra Studio website.

Choose where to begin

Jump to the part you need, or open search with Ctrl K (⌘ K on Mac) and type what you are looking for.

Setup & Install

Check the requirements, install Arsha and activate the plugins it needs.

Start installing

Demo Import

Bring in a ready-made Arsha demo in one click, or import the demo files by hand.

Import a demo

Site Design

Logo, colors, fonts, menus, header, footer, breadcrumb and the offcanvas panel.

Design your site

Portfolio Projects

Create portfolio entries and display projects with Arsha's portfolio widgets.

Build a portfolio

Elementor Widgets

Build pages with the theme's custom Arsha Core Elementor widgets.

Explore widgets

Help & Fixes

Translating the theme, fixes for common errors, the changelog and how to reach us.

Find a fix

Requirements

You need at least WordPress version 6.8+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of WordPress to ensure all known bugs and security issues are fixed.

Requirement Minimum Recommended
WordPress 6.8+ Latest stable
PHP 7.4+ 8.1+
MySQL 5.6 / MariaDB 10.0 Latest stable
Memory Limit 128 MB 128 MB+

Recommended PHP configuration limits

php.ini 
    
        max_execution_time = 180
        memory_limit = 128M
        post_max_size = 64M
        upload_max_filesize = 32M
        max_input_time = 60
        max_input_vars = 3000
Server environment details

For detailed server requirements, visit: https://make.wordpress.org/hosting/handbook/handbook/server-environment

What's Included

Download Arsha from the Downloads page of your Envato account. Choose Installable WordPress file only for just the theme, or All files & documentation to get the full package below:

File / Folder Description
arsha.zip The installable WordPress Theme zip file. This is the file you need to upload to WordPress.
arsha-child.zip Basic child theme. Use this when making code customizations so your changes survive theme updates. More on child themes.
Plugins This folder contains all required and recommended plugins for the theme.
Demo Data Contains demo content files for manual import (contents-demo.xml, widget-settings.json, customizer-data.dat).
Licensing Contains the terms and conditions of the license.
Documentation This folder contains what you are reading now :)

Installation

Step-by-step guide to installing WordPress, uploading the Arsha theme, installing required plugins and importing the demo content.

WordPress Installation

Please follow the instructions in the videos below to see how you can install WordPress on your hosting:

For localhost: https://www.youtube.com/watch?v=snFzbPm_RUE
For cPanel: https://www.youtube.com/watch?v=t-YBqV2ReR0

Installing the Theme

Important!

If you download the "All Files" archive from ThemeForest and try to upload it directly to WordPress, you will receive the error: "Theme is missing the style.css stylesheet." Please make sure you unzip the main archive first and upload only arsha.zip to WordPress.

When you are ready to install the theme, you must first upload the theme files and then activate the theme. The theme files can be uploaded in two ways:

1. Using Theme Uploader

Follow the steps below:

Go to Appearance → Themes → Add New → Upload Theme

From the WordPress dashboard navigate to Appearance → Themes → Add New → Upload Theme.

Appearance → Themes → Add New
Appearance → Themes → Add New

Choose File and Install

Click on "Choose File" and select arsha.zip, then click "Install Now".

Upload arsha.zip
Click on Choose File, select arsha.zip and click Install Now

Activate the Theme

After the upload completes, click "Activate" to activate the Arsha theme.

Activate Theme
Click Activate on the Arsha theme
Note

All plugins must be installed and activated if you want your site to look exactly like the demo.

2. Using FTP Clients

Follow these steps to upload the theme using an FTP client (e.g. FileZilla):

  1. Use an FTP client such as FileZilla and connect to your WordPress installation directory.
  2. Navigate to the /wp-content/themes/ folder and upload the unzipped arsha theme folder there.
  3. Log in to your WP Admin Dashboard and open the Appearance → Themes menu.
  4. You will now see the Arsha theme listed among the other themes. Click "Activate" and you're done!

3. Updating Theme

Occasionally we provide updates which include new features and bug fixes. Updating a WordPress theme is standard WordPress functionality.

Before Updating

Before updating, please make sure to keep a backup of your installed theme and plugins (e.g. Arsha Core) to be on the safe side. You can use this plugin: wp-theme-plugin-download

There are a few ways to update the WordPress theme:

  1. Install and activate the "Envato Market" plugin. Plugin zip: envato-market.zip
  2. From WordPress Admin Panel, navigate to the "Envato Market" menu.
  3. Insert your Envato Token Code. Generate it at: build.envato.com/create-token. Remember: login with the same Envato account you used to purchase the theme.
  4. After completing the above steps, navigate to Appearance → Themes. You'll see an "Update now" link beside Arsha. Click it to auto-update.
  1. From WordPress Admin Panel, navigate to Appearance → Themes.
  2. Activate any other theme (e.g. Twenty Twenty-Four) than the current one.
  3. Delete the Arsha Theme.
  4. Navigate to Appearance → Themes → Add New → Upload. Browse and select the updated theme zip file. Hit "Install Now".
  1. Using your FTP client, navigate to the /wp-content/themes/ folder on your server and delete the arsha folder.
  2. Upload the latest unzipped theme folder into /wp-content/themes/.
After Updating Theme

After updating the theme, please also update all plugins that come with the theme.

4. Installing Required Plugins

Click Begin installing plugins

Import Demo Data
Click Begin installing plugins — you will be taken to the Install Required Plugins page.

Select Install, then hit Apply

Import Demo Data
Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply.

Select Activate plugins Then hit Apply

Confirm Import
Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Activate, then hit Apply.

Import Demo

We provide two methods for importing demo contents: One Click (Automatic) and Manual. You can follow either method.

Importing Demo Contents

We provide two methods for importing demo contents: One Click (Automatic) and Manual. You can follow either method.

Method When to Use
Arsha Importer Method
Recommended		 This method will remove all your existing data, so use it only on a fresh website. This procedure will be faster because you just have to do one click and then everything will happen automatically. If you want an exact clone of demo website without doing any manual configuration after importing data then this method is appropriate for you.
Manual Import
Fallback		 Use this when the automatic import fails (only about 5% of customers hit this, usually due to hosting limits — in that case we also provide a free demo importing service if you contact us). You already have a working website with existing contents (e.g. posts, pages etc.).
Note

When demo import is done, some existing settings will be replaced by demo contents (menu, Customizer). It is recommended to only do this on a fresh site.

Import Theme Demos

Confirm Import
Go to Appearance → Import Demo Data and click the Import button

Continue to import

Confirm Import
Click the Continue to import button

Importing Content

Confirm Import
Please sit tight while we import your content. Do not refresh the page or hit the back button.

Import Complete

Confirm Import
Import Complete! Congrats, your demo was imported successfully. You can now begin editing your site.

2. Manual Import

Please follow the instructions below to import demo data manually:

  1. Go to Arsha Importer from the WordPress sidebar menu.
  2. Click on the Manual Import tab.
  3. Choose .xml or .wxr file for Content (posts, pages, custom post types and attachments).
  4. Choose .wie or .json file for Widgets (widget instances and sidebar assignments).
  5. Choose .dat file for Customizer (theme mods, colours, logos and customizer values).
  6. Choose .json file for Pure Metafields (post types, taxonomies, metaboxes and option panels).
  7. Choose .zip kit for Elementor (templates and global styles — colors, typography).
Note

All the above files are included in the Theme package.

Switch to Manual Import

Switch to manual
Click Switch to Manual Import

Manual Demo File Import

Manual import
Click Manual Demo File Import

Where Is My Purchase Code?

To find your purchase code, when you buy a product from Envato you receive a purchase code. Visit the following link to learn how to find it:

https://help.market.envato.com/hc/en-us/articles/202822600

Customization

Configure basic site settings, header, footer, mega menu, breadcrumb, offcanvas and blog options for your Arsha theme.

Basic Site Settings

Change Site Title and Favicon

To change your Site Title and Favicon, navigate to Dashboard → Appearance → Customize → Site Identity.

Favicon

Change Global Colors

To change all global colors, navigate to Dashboard → Theme Options → Theme Colors.

Global Colors

Change Typography

To change the typography of your site, navigate to Dashboard → Theme Options → Typography.

Typography

Customize Menu

To customize the menu and mega menu, navigate to Dashboard → Appearance → Menus.

Menu

Mega Menu

To customize the mega menu, navigate to Dashboard → Appearance → Menus.

Menu

Set Home and Blog Page

To set the home and blog page, navigate to Dashboard → Settings → Reading.

Home Blog Page

Header Default Setting

To Customize Default header, navigate to Dashboard → Theme Options → Header and Customize logo and width".

Header Default

Header Default Layout

To use the default header, navigate to Dashboard → Theme Options → Header then Switch OFF "Header From Elementor? ".

Header Default

Header Elementor Layout

To use the Elementor header, navigate to Dashboard → Theme Options → Header then Switch ON "Header From Elementor? ". And Select Elementor Header

Header Default

Header Elementor Create

To create an Elementor header, navigate to Dashboard → Arsha Settings → Header → Add New.

Create a new Header

Create Header
  • Insert a Header Title
  • Select Page Template as Elementor Canvas
  • Click Publish
Publish Header

Edit with Elementor

Click "Edit With Elementor" and build the header layout.

Edit with Elementor
Header in Elementor

Header Style Options

To edit a specific page's header, identify the Elementor header used by that page:

Header Style

To use the Elementor Footer, navigate to Dashboard → Theme Options → Footer Then Switch Off "Footer From Elementor? "

Footer Default

To use the Elementor Footer, navigate to Dashboard → Theme Options → Footer Then Switch On "Footer From Elementor? ". And Select Elementor Footer

Footer Elementor

To create an Elementor footer, navigate to Dashboard → Arsha Settings → Footer → Add New.

Create a new Footer post

Create Footer
  • Insert a Footer Title
  • Select Page Template as Elementor Canvas
  • Click Publish
Publish Footer

Edit with Elementor

Edit Footer
Footer in Elementor

To edit a specific page's footer, identify the Elementor Footer used by that page:

Footer Style

Mega Menu

Create Arsha Mega Menu Template

To create a mega menu, navigate to Dashboard → Templates → Add New Template.

Mega Menu
  • Choose Arsha Mega Menu as the template type.
  • Name your Mega Menu template.
  • Click Create Mega Menu Template.
Mega Menu Created

All Arsha mega menu templates are located at Dashboard → Templates → Arsha Mega Menu.

Mega Menu Edit

Select Mega Menu Template From Dashboard → Appearance → Menu.

Mega Menu List

To change Breadcrumb settings, navigate to Dashboard → Theme Options → Breadcrumb.

Mega Menu List

Features available in this section:

  1. Open Theme Options from the dashboard menu
  2. Select Breadcrumb
  3. Global Breadcrumb Switcher
  4. Breadcrumb Elementor Switcher
  5. Breadcrumb Elementor Template

Offcanvas Settings

Create Offcanvas with Elementor

To create an Offcanvas, navigate to Dashboard → Arsha Settings → Offcanvas → Add New Offcanvas.

Create Offcanvas Post

Create Offcanvas
  • Insert Offcanvas Title
  • Select Page Template as Elementor Canvas
  • Click Publish
Offcanvas published

Build with Elementor

Edit Offcanvas

Select the Offcanvas in Header

Edit Offcanvas

Site Design Options

Every Theme Options setting for the parts of the site covered above.

How the panel works

Open Dashboard → Theme Options, pick a section on the left, change what you need and click Save Changes. Some settings only appear after the setting they depend on is turned on. Options may vary depending on the active theme and installed plugins.

Theme Settings

To configure Theme Settings, navigate to Dashboard → Theme Options → Theme Settings.

Theme Controls.

Features available:

  1. Header Sticky Switcher — Header Sticky On/OffDefault: Off
  2. Smooth Scroll Switcher — Smooth Scroll On/OffDefault: Off
  3. Magic Cursor Switcher — Magic Cursor On/OffDefault: Off
  4. Small Pointer Color — Select Color For Small PointerDefault: #000000 · Appears when Magic Cursor Switcher is on
  5. Big Pointer Color — Select Color For Big PointerDefault: #ffffff · Appears when Magic Cursor Switcher is on
  6. Text Color — Select Color For Cursor TextDefault: #000000 · Appears when Magic Cursor Switcher is on
Theme Settings

Logo

To configure Logo, navigate to Dashboard → Theme Options → Logo.

Features available:

  1. Header Logo
  2. Logo Width — Include a CSS unit, e.g. 150px.Default: 150px
  3. Header White Logo
  4. White Logo Width — Include a CSS unit, e.g. 150px.Default: 150px
Header Logo

Header

To configure Header, navigate to Dashboard → Theme Options → Header.

Features available:

  1. Use Elementor Header — Render a global Elementor header template instead of the default header.Default: Off
  2. Header TemplateSelect an Elementor header template · Appears when Use Elementor Header is on
  3. Show Header SearchDefault: Off
  4. Header Search PlaceholderDefault: What are you looking for? · Appears when Show Header Search is on
  5. Search Form LogoAppears when Show Header Search is on
  6. Show Header ButtonDefault: Off
  7. Header Button TextDefault: Get Started · Appears when Show Header Button is on
  8. Header Button URLDefault: # · Appears when Show Header Button is on
Header Logo
Header Logo

Offcanvas

To configure Offcanvas, navigate to Dashboard → Theme Options → Offcanvas.

Features available:

  1. Offcanvas Logo — Falls back to the header logo when empty.
  2. Offcanvas Logo WidthDefault: 135px
  3. Show Intro Text — A short paragraph under the offcanvas logo.Default: Off
  4. Intro TextAppears when Show Intro Text is on
Offcanvas

Breadcrumb

To configure Breadcrumb, navigate to Dashboard → Theme Options → Breadcrumb.

Features available:

  1. Show BreadcrumbDefault: On
  2. Blog Breadcrumb TitleDefault: Blog
  3. Use Elementor BreadcrumbDefault: Off
  4. Breadcrumb TemplateSelect an Elementor breadcrumb template · Appears when Use Elementor Breadcrumb is on
  5. Padding
  6. Background ColorDefault: Theme default
Breadcrumb

To configure Footer, navigate to Dashboard → Theme Options → Footer.

Features available:

  1. Use Elementor FooterDefault: Off
  2. Footer TemplateSelect an Elementor footer template · Appears when Use Elementor Footer is on
  3. Copyright TextDefault: © Copyright 2026 | All Rights Reserved Arsha
Footer

Typography

To configure Typography, navigate to Dashboard → Theme Options → Typography.

Set fonts for the body, headings, menu and buttons. Supports Google Fonts and custom uploaded fonts (WOFF, WOFF2, TTF, OTF).

Features available:

  1. Body TypographyDefault: DM Sans (Google Fonts)
  2. Heading H1Default: Theme default
  3. Heading H2Default: Theme default
  4. Heading H3Default: Theme default
  5. Heading H4Default: Theme default
  6. Heading H5Default: Theme default
  7. Heading H6Default: Theme default
  8. Menu TypographyDefault: Theme default
  9. Button TypographyDefault: Theme default
Breadcrumb

Theme Colors

To configure Theme Colors, navigate to Dashboard → Theme Options → Theme Colors.

Features available:

  1. Theme Color 1 — Overrides the theme primary accent (--oit-clr-green). Leave empty to keep the default.Default: Theme default
  2. Theme Color 2 — Overrides the theme secondary accent (--oit-clr-yellow).Default: Theme default
  3. Theme Color 3 — Overrides the theme secondary accent (--oit-clr-teal-2).Default: Theme default
  4. Theme Color 4 — Overrides the theme secondary accent (--oit-clr-blue).Default: Theme default
  5. Theme Color 5 — Overrides the theme secondary accent (--oit-clr-green-dark).Default: Theme default
  6. Theme Color 6 — Overrides the theme secondary accent (--oit-clr-green-soft).Default: Theme default
  7. Theme Color 7 — Overrides the theme secondary accent (--oit-clr-forest-rich).Default: Theme default
  8. Theme Color 8 — Overrides the theme secondary accent (--oit-clr-green-neon).Default: Theme default
  9. Theme Color 9 — Overrides the theme secondary accent (--oit-clr-teal).Default: Theme default
  10. Theme Color 10 — Overrides the theme secondary accent (--oit-clr-deep-teal).Default: Theme default
  11. Theme Color 11 — Overrides the theme secondary accent (--oit-clr-olive).Default: Theme default
  12. Theme Color 12 — Overrides the theme secondary accent (--oit-clr-purple).Default: Theme default
  13. Theme Color 13 — Overrides the theme secondary accent (--oit-clr-dark-navy).Default: Theme default
  14. Theme Color 14 — Overrides the theme secondary accent (--oit-gray-1).Default: Theme default
  15. Theme Color 15 — Overrides the theme secondary accent (--oit-gray-2).Default: Theme default
  16. Theme Color 16 — Overrides the theme secondary accent (--oit-text-body).Default: Theme default
  17. Theme Color 17 — Overrides the theme secondary accent (--oit-clr-white).Default: Theme default
  18. Theme Color 18 — Overrides the theme secondary accent (--oit-clr-black).Default: Theme default
Breadcrumb

Popup

To configure Popup, navigate to Dashboard → Theme Options → Popup.

The newsletter modal that slides in a few seconds after the page loads.

Features available:

  1. Enable PopupDefault: Off
  2. Show OnDefault: Every page · Choices: Every page, Front page only · Appears when Enable Popup is on
  3. Delay (seconds) — How long to wait after the page loads before the popup appears.Default: 2.5 · Appears when Enable Popup is on
  4. SubtitleDefault: SUBSCRIBE FOR UPDATES! · Appears when Enable Popup is on
  5. Title — Plain text — no HTML needed. Use the field below to colour part of it.Default: Subscribe today and enjoy 50% off your first order · Appears when Enable Popup is on
  6. Highlighted Words — Repeat the part of the title that should take the accent colour, e.g. 50% off. Leave empty for a plain title.Default: 50% off · Appears when Enable Popup is on
  7. Side Image — Shown beside the form on large screens. Leave empty for a text-only popup.Appears when Enable Popup is on
  8. Form Shortcode — Paste a Contact Form 7 or Mailchimp shortcode. Leave empty to use the built-in email field, which posts to the URL below.Appears when Enable Popup is on
  9. Built-in Form Action URL — Where the built-in email field submits to — a Mailchimp or Brevo list URL, for example. Only used when no shortcode is set.Appears when Enable Popup is on
  10. Email PlaceholderDefault: Email Address · Appears when Enable Popup is on
  11. Button TextDefault: SUBSCRIBE · Appears when Enable Popup is on
  12. Social Links — Leave empty to hide the row entirely.Default: 3 items · Appears when Enable Popup is on
  13. Show "Don't show this again"Default: On · Appears when Enable Popup is on
  14. Checkbox LabelDefault: Don't show this again · Appears when Show "Don't show this again" is on
  15. Remember For (days) — How long the popup stays hidden after the visitor ticks the box.Default: 30 · Appears when Show "Don't show this again" is on
Popup

Blog Archive

To configure Blog Archive, navigate to Dashboard → Theme Options → Blog Archive.

Features available:

  1. Archive Sidebar PositionDefault: Right Sidebar · Choices: Right Sidebar, Left Sidebar, No Sidebar
  2. Show CategoryDefault: On
  3. Show DateDefault: On
  4. Show Comment CountDefault: On
  5. Show AuthorDefault: On
  6. Show Read More ButtonDefault: On
  7. Read More Button TextDefault: Read More
Blog Archive

Blog Details

To configure Blog Details, navigate to Dashboard → Theme Options → Blog Details.

Features available:

  1. Single Post LayoutDefault: Standard (with Sidebar) · Choices: Standard (with Sidebar), Full Width
  2. Single Sidebar PositionDefault: Right Sidebar · Choices: Right Sidebar, Left Sidebar, No Sidebar
  3. Show TagsDefault: On
  4. Show Social ShareDefault: Off
  5. Show Next / Previous Post — The navigation links to the previous and next post, shown under the article.Default: On
  6. Show Author Box — The author biography box. It only appears when the author has filled in their bio.Default: On
  7. Show Comments — Turning this off hides the comment list and form on every post, whatever each post allows.Default: On
  8. Show Related Posts — A block of posts from the same category, under the article. Off by default, as it always has been.Default: Off
  9. Related Posts Title — Leave empty to show the block without a heading.Default: Related Posts · Appears when Show Related Posts is on
Blog Archive

Theme Options

Back to top, preloader, 404 page and slug settings. For every option in the panel, with defaults and choices, see Theme Options reference below.

Back To Top

To configure Back To Top, navigate to Dashboard → Theme Options → Back To Top.

Features available:

  1. Enable Back To Top ButtonDefault: Off
  2. Button Background ColorDefault: #B3ED97
  3. Arrow ColorDefault: #000000
Back To Top

Preloader

To configure Preloader, navigate to Dashboard → Theme Options → Preloader.

Features available:

  1. Enable PreloaderDefault: Off
  2. Preloader Image — Optional. Shown in place of the default CSS loader.
  3. Preloader Image — Optional. Shown in place of the default CSS loader.
  4. Preloader TitleDefault: Loading Knowledge... Please Wait Wisely!
Preloader

404 Page

To configure 404 Page, navigate to Dashboard → Theme Options → 404 Page.

Features available:

  1. 404 Illustration
  2. 404 HeadingDefault: Oops!
  3. 404 Sub HeadingDefault: Something went Wrong...
  4. 404 DescriptionDefault: Sorry, we couldn't find your page.
  5. Back To Home Button TextDefault: Back To Home
404 Page

Custom CSS

To configure Custom CSS, navigate to Dashboard → Theme Options → Custom CSS.

Add CSS per device. Global applies everywhere; each device tab is wrapped in its breakpoint; Dashboard applies in wp-admin. Do not include <style> tags.

Features available:

  1. Custom CSS
Custom CSS

Custom JavaScript

To configure Custom JavaScript, navigate to Dashboard → Theme Options → Custom JavaScript.

Printed before </body> on every page. Do not include <script> tags.

Features available:

  1. Custom JavaScript
Custom CSS

Import / Export

To configure Import / Export, navigate to Dashboard → Theme Options → Import / Export.

Theme Options are stored as WordPress theme_mods. Export every saved value as a JSON bundle and restore it on this or another site.

Features available:

  1. Backup / Transfer — Only fields defined on this Theme Options screen are exported and restored.
Custom CSS

Portfolio

Showcase completed architecture, construction, and interior design projects with Arsha portfolio content and Elementor layouts.

Creating a Portfolio

  1. From the dashboard, open Portfolio → All Items → Add New.
  2. Add the project title, description, featured image, and portfolio details, then publish the item.
  3. Select Edit with Elementor to customize the project page.

Portfolio entries are managed by Arsha Core. Use the portfolio widgets to display selected projects on a page.

Creating a Portfolio Page

  1. Create a page from Pages → Add New.
  2. Choose the Elementor Full Width page template and publish the page.
  3. Edit the page with Elementor and add the Portfolio Projects widget.

For the complete Arsha setup guide, visit Arsha Documentation.

Arsha Settings

The Arsha Core plugin screen, where you set URL slugs and manage your Elementor templates and custom content in one place.

Settings Screen Overview

To open the screen, navigate to Dashboard → Arsha Settings. It is available when the Arsha Core plugin is active, to administrators.

Features available:

  1. Settings — the URL slugs for the theme's content types and Elementor templates.
  2. Content Types — one tab each for Breadcrumb, Offcanvas, Header, Footer, Services, Portfolios and Career. The number beside a tab is how many published and draft items it holds.
  3. Theme Options button — opens Dashboard → Theme Options. Shown when the Arsha theme is active.
  4. Permalinks button — opens Settings → Permalinks.
  5. View Site button — opens your website in a new tab.
Arsha Settings

General Settings

To change URL slugs, navigate to Dashboard → Arsha Settings → Settings.

A slug is the part of the web address in front of an item's name, for example yoursite.com/od-services/web-design/. Under each field the screen shows the full address with the slug you entered.

Content Types:

  1. Services Slug — web address base for Services items.Default: od-services
  2. Portfolios Slug — web address base for Portfolios items.Default: od-portfolios
  3. Career Slug — web address base for Career items.Default: od-career

Template Types:

  1. Header Slug — web address base for Elementor header templates.Default: od-header
  2. Footer Slug — web address base for Elementor footer templates.Default: od-footer
  3. Offcanvas Slug — web address base for Elementor offcanvas templates.Default: od-offcanvas
  4. Breadcrumb Slug — web address base for Elementor breadcrumb templates.Default: od-breadcrumb
Arsha Settings

Click Save Settings to apply your changes.

Good to know

Leave a field empty to go back to its default slug. Two types cannot share the same slug — if you try, that field keeps its previous value and a message tells you which type already uses it. If an address shows a 404 after a change, open Settings → Permalinks and click Save Changes.

Content Types

Each tab lists the items of one type and lets you add new ones. Templates are designed with Elementor, then chosen in Theme Options or on a single page.

Services

To manage your services, navigate to Dashboard → Arsha Settings → Services.

Features available:

  1. Add New — create a service with its own page.
  2. Item list — search, filter by date, and edit, quick edit, trash or restore items, the same way as the WordPress Pages screen.
  3. Web address — each service lives under the Services slug set in General Settings.
  4. Page settings — each service has the same Breadcrumb and Header & Footer settings as a page.
Services

Portfolios

To manage your portfolio items, navigate to Dashboard → Arsha Settings → Portfolios.

Features available:

  1. Add New — create a portfolio item with its own page.
  2. Item list — search, filter by date, and edit, quick edit, trash or restore items, the same way as the WordPress Pages screen.
  3. Web address — each item lives under the Portfolios slug set in General Settings.
  4. Page settings — each item has the same Breadcrumb and Header & Footer settings as a page.
Services

Career

To manage your career posts, navigate to Dashboard → Arsha Settings → Career.

Features available:

  1. Add New — create a career or job post with its own page.
  2. Item list — search, filter by date, and edit, quick edit, trash or restore items, the same way as the WordPress Pages screen.
  3. Web address — each post lives under the Career slug set in General Settings.
  4. Page settings — each post has the same Breadcrumb and Header & Footer settings as a page.
Services

Elementor Page Builder Options

Arsha includes a collection of custom Elementor widgets to help you build your website with ease. All widgets are available under the Arsha Core section in the Elementor widget panel.

Elementor Widgets

Elementor Page Builder has many built-in widgets by default.Arsha provides several custom Elementor Widgets you can use to extend your website's functionality. You can find them under the Arsha Core section in Elementor's widget panel.

Widget 1 Widget 1 Widget 1

Elementor Big Icon Issue

To solve the Elementor Icon SVG size issue, navigate to Dashboard → Elementor → Settings → Features → Inline Font Icons and make it inactive.

Elementor Icon Issue Fix

Elementor Template Library Usage

The template library offers an extensive collection of versatile and modern templates designed for a variety of projects. Each template is designed with a focus on flexibility, ensuring compatibility with different industries and purposes.

You can follow the video guidline to template library:

Help & Support

Translation guide, common error fixes, changelog and direct support channels for Arsha WordPress Theme.

Translating Theme

You can translate the Arsha theme to another language easily. You need to translate the following:

  1. Theme: Arsha
  2. Plugin: Arsha Core

There are many tools available for translation. The easiest way is to use the plugin "Loco Translate". Using this plugin, you can translate any WordPress theme or plugin that supports translation.

Step-by-step using Loco Translate

Step 1: Install and activate "Loco Translate"

Install Loco Translate

Step 2: Select the Theme or Plugin to translate

Select the theme or plugin you want to translate from the "Loco Translate" menu.

Step a: Theme Translate

Theme Translate

Step b: Plugin Translate

Plugin Translate
Translate 4

Step 3: Click "New language"

New Language

Step 4: Select language and start translating

Select your preferred language, choose location as "System", then click "Start Translating".

Select Language

Loco Translate — Video Tutorial

Multilingual & Translation with TranslatePress

Here is a step-by-step tutorial for translating pages manually using the plugin "TranslatePress Multilingual":

Step 1: Install and activate TranslatePress

TranslatePress

Step 2: Configure TranslatePress Settings

Go to TranslatePress Settings, select another language and click "Save".

TranslatePress Settings

TranslatePress — Video Tutorial

404 Error in All Pages

If you face 404 errors across all pages (this is common after demo import), the fix is to update your permalink structure.

Quick Fix

Navigate to Settings → Permalink and click the "Save Settings" button. This refreshes your WordPress permalink structure and resolves the 404 issue.

404 Permalink Fix

Changelog

Every release in chronological order — newest first.

v1.0.0
september 15, 2026
Initial Release
  • NEW Initial Release of Arsha WordPress Theme

Contact Support

Can't find your answer in this guide? Our support team is available 13 hours a day. Pick the channel that suits you below.

Arsha Documentation

Read the official setup and customization guide for the Arsha theme.

Open documentation

Togra Studio

Visit the theme studio for product information and updates.

Visit Togra Studio

ThemeForest Portfolio

View Arsha and other WordPress themes by Togra Studio.

Visit ThemeForest