TechnUm

WordPress Theme

Created: 23/05/2025
by: Artureanec
Support
Create a ticket

01. Hello!

Hello! Thank you for purchasing our theme. This manual will step by step guide you into getting a copy of our demonstration web-site (https://demo.artureanec.com/themes/technum) hosted on our own server as well as answer some of the most frequently asked questions by our users.

02. Theme Requirements

To use TechnUm, make sure your hosting provider is running the following software:

  1. WordPress 5.7 or higher.
  2. PHP 5.6 or greater. WordPress officially suggests to use PHP 7.2.
  3. MySQL 5.6 or greater.
  4. PHP modules: php-xml, php-dom and XMLReader.
Recommended PHP Limits

All the issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web hosting provider and ask them to increase those limits to the following minimums:

memory_limit = 128M
post_max_size = 512M
upload_max_filesize = 500M
max_input_time = 1000
max_execution_time = 1000

Please bear in mind that in order to set limits or change your PHP version you or your hosting provider must have access to server settings and php.ini file.

03. Quick Start guide

Let’s begin by making sure that you have a recent version of WordPress. If you don’t, you can find an installation guide at the following address: https://wordpress.org/support/article/how-to-install-wordpress/

First download a zip-archive containing the theme from ThemeForest. Inside the archive you will find another archive, called technum.zip Extract this archive into a convenient location, then proceed to installing the theme. You can achieve this in two ways:

  1. Installation with built-in WordPress tools.

    This is the easiest way. You need to go to Appearance > Themes

    Click on the Add New button

    Click on the Upload Theme button

    In the window that appears after this choose the technum.zip archive from the location you unpacked it to and click the Install Now button.

  2. Uploading via an FTP-client or through a file manager built into the hosting.

    First of all you need to unpack the contents of the technum.zip archive. Then by means of an FTP-client (like FileZilla or similar to it) or using the file manager of the hosting you should copy the extracted folder, called technum, to the ../wp-content/themes/ folder which you can find in the WordPress root folder.

After doing this you can go to Appearance > Themes in the WordPress admin dashboard and pick TechnUm theme from a list of available themes. Then just click the Activate button.

The theme is installed!

Next you can begin installing plugins. You will need them for the theme to work properly. After you finished installing the theme you should see a following message:

Click the Begin activating plugins link.

Chose all of the suggested plugins, then choose the Install option in Bulk Actions field and click Apply button.

Wait for the plugins installation process to finish, this may take several minutes.

All that’s left to do is to load the demo-data. Bear in mind that during the demo-data installation all of your posts, pages and products are deleted and some of the settings of WordpRess and WooCommerce are changed. We recommend installing the demo-data on top of a clean WordPress setup to ensure that you will not lose any of your important data.

Then go to Appearance > Import Demo Data menu and click the Import Demo Data button.

That’s it! In order to see the results you should move your mouse pointer towards your web-site name in the top left corner of the screen and click the Visit Site button in the menu that will appear.

04. Customization

Our theme has flexible settings. This chapter of the manual will explain each one of them.

All of the settings can be divided into the following categories:

  1. WordPress Settings — general settings common for all of the WordPress-based web-sites. To access these settings you should click the Settings button in the left navigation panel. You can further read about these settings in detail at the following URL: https://wordpress.org/support/article/administration-screens/#settings-configuration-settings
  2. Customizer Settings — general theme settings which are applied to all of the web-site pages. To access these settings click Appearance > Customize button.
  3. Metabox Settings — settings for each page or post. These settings are mostly the same as Customizer Settings, but they have a higher priority and affect only a page or a post you used them for. You can find Metabox Settings at the bottom of any post or page editing screen.

05. Customizer Settings

In order to open Customizer Settings you should go to Appearance > Customize

Active Theme Tab

All of the functions inside Appearance > Themes are duplicated in the Active Theme section.

You can find the current theme title here. If you click the Change button you can choose another theme from the list of already installed ones or from the WordPress.org web-site catalogue.

Site Identity

You can set the Site Title, Tagline and Site Icon inside this section.

Site Title — is your web-site name. It appears in browser tabs as well as in place of the site icon if you did not set a picture for it.

Tagline — is a short slogan which helps users understand what your web-site is about. It is displayed inside a browser tab. Our theme design does not make use of a tagline.

Site Icon — is a great way to distinguish your web-site among other browser tabs. This is usually one of the variations of your website logo.

Menus

Menus section has the same functions you can find in Appearance > Menus. You can create, edit, delete a menu here as well as choose its position on your web-site screen.

Widgets

Widgets section has almost the same functions as the ones you can find in Appearance > Widgets. Here you can add, customize and delete widgets inside the sections displayed at a current page. You can navigate to the other pages on your web-site while using the Customizer to view and edit the widgets displayed on those pages.

Homepage Settings

Homepage Settings has partially the same functions as the ones you can find in Settings > Reading. You can choose what is displayed on your web-site homepage. It can be posts in reverse chronological order (classig blog), of a fixed/static page. In order to set a static homepage, you first need to create two Pages. One of them will be the homepage and the other one will contain all of your posts and display them.

Top Bar Settings

This section allows you to set up the data displayed at the upper part of the header — in a thin line of contrast colors called Top Bar.

General

Show Top Bar — this allows you to show or hide the Top Bar

Customize — if you set this to “Yes” you can see all of the settings for the SideBar color scheme. You can read about color schemes in detail at the “Color Settings” section.

Social Buttons

Show Social Buttons — this allows you to show or hide the social networks buttons.

Additional Text

Show Additional Text — this allows you to show or hide the Additional Text.

Additional Text — this allows you to input the text to be shown.

Contacts

In this section you can set up the contact details displayed in the Top Bar.

Show Email Address — this allows you to show or hide an e-mail address.

Email Address — this allows you to set the email address to be displayed.

Show Phone Number — this allows you to show or hide a phone number.

Phone Number — this allows you to set the phone number to be displayed.

Show Address — this allows you to show or hide a business address.

Address — this allows you to set the business address to be displayed.

Header Settings

This section will help you customize the upper part of the website (Header) appearance.

General

Show Header — this allows you to show or hide the Header, this setting works site-wide.

Header Style — here you can select one of the previously installed header styles.

Header Position — here you can select header’s position in relation to the content of the page: inline or on top of the contents (for example on top of an image or slider).

Customize — if you set this to “Yes” you can see all of the settings for the Header color scheme. You can read about color schemes in detail at the “Color Settings” section.

Header Callback

This section allows you to set up displaying a phone number and its short annotation in certain header types.

Show header callback block — show or hide the phone number block.

Header callback title — phone number annotation.

Header callback text — this field is used to input the phone number for communication.

Sticky Header

Show Sticky Header — this allows you to show or hide the “sticky” header.

Mobile Header

This section contains mobile menu settings.

Mobile Header Breakpoint, in px — this allows you to set a screen width that determines when the mobile menu would switch to the desktop menu.

Logo

Show Logo — this allows you to show or hide your logo in the Header (yes, sometimes people want it to be hidden).

Customize — this allows you to setup the logo or leave the default settings (site title as a text).

Logo Image — here you can choose an image for your web-site logo. If you activate the Logo Retina checkbox the logo image will be downscaled by half in order to look better on screens with high pixel density. If you delete the image, then the title of your web-site will be shown instead.

Header Button

Show Header Button — here you can enable/disable an additional button display in the web-site header. For example you can have a ‘Buy now’ or ‘Make a donation’ or ‘Show items on sale now!’ button or the like. If the button is enabled you can choose its text (Header Button Text) and URL address (Header Button Link).

Header Menu

Here you can find all of the web-site main menu display settings.

Show Header Menu — this allows you to show or hide the web-site main menu.

Select Menu — this allows you to replace the main menu with any of the menus created in WordPress.

Customize — this gives you access to main menu fonts settings:

Menu Font — this allows you to set the main menu font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Sub Menu Font — this allows you to set the sub-menu font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Header Icons

Show side panel trigger — this allows you to show or hide an additional drop-down panel with widgets.

Show header search — this allows you to show or hide site-wide search button.

Show product cart — this allows you to show or hide the product cart button. This option is only available if you have Woocommerce plug-in installed.

Page Title Settings

General

Show Page Title — this allows you to show or hide page title block.

Show Overlay — this allows you to turn the overlay on or off and set its color and transparency.

Customize — this gives you access to Page Title advanced settings.

Page title height, in px — this allows you to set page title height value for desktop environment.

Following this section are settings for the Page Title block color scheme. You can read about color schemes in detail at the Color Settings section.

Image, Background Position, Background Repeat, Background Size — background image settings.

Hide Background Image on Mobile Devices — this allows you to hide the background image on devices with screen width of less than 768px, showing only background color.

Hide Background Image on Tablet Devices — this allows you to hide the background image for devices with screen width from 768 up to 992px, only background colour will be displayed.

Heading

Customize — this gives you access to page heading font settings.

Heading Font — this allows you to set the page heading font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Breadcrumbs

Show page title breadcrumbs — this allows you to show or hide page title breadcrumbs.

Customize — this allows you to customize the breadcrumbs.

Breadcrumbs Font — this allows you to set the breadcrumbs font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Heading Additional Text

This section contains Page Title block additional text settings.

Additional Text — this allows you to set the text to be displayed.

Customize - allows access to color settings.

Additional Text Color — this allows you to set the additional text font color independently from the chosen color scheme.

Typography Settings

This section contains all of the typography settings for the web-site content main elements.

Main Font

This section contains settings for the pages and posts main text.

Main Font — this allows you to set the web-page main font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Additional Font

This section contains settings for an additional fond used for contrast with the main font in some of the modules.

Additional Font — this allows you to set up the additional font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Headings

This section contains the default settings for text headings.

Headings Font — this section contains main settings for all of the headings (Font Family, Text Transform, Font Style, etc.).

H1 Font - H6 Font — this section contains individual settings for each of the heading levels (Font Size, Line Height, Letter Spacing, Font Weight, etc.)

Buttons

This section contains the default settings for web-site buttons.

Buttons Font — this allows you to set buttons’ font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)

Social Links

This section contains settings for the social networks buttons all across the web-site — footer, header, etc.

Open Socials in New Tab — if this is selected, the resulting page after clicking the social network icon will be opened in a separate browser tab.

Social Buttons — this allows you to show or hide social networks buttons:
- Icon — this field allows you to set the button icon (Font Awesome Brands library)
- Title — this field allows you to input the social network title
- Link — this field allows you to input the social network account url

Color Settings

This section allows you to customize colors of all of the web-site elements, not including Elementor widgets which can be customize separately.

The color system has been reworked completely. Now you can change the color scheme for the whole web-site or a single page with just a couple of mouse clicks!

The colors are separated into 2 categories:
Standard Colors determines colors for almost all of the web-site blocks (usually it’s light background and dark text, for example of the header main text);
Contrast Colors determines contrast areas colors (usually dark background and light text, for example in Top Bar and Footer).

Each category contains 9 color settings which set all of the colors used on the web-site.

Default Text Color — this allows you to set the main text color for the whole web-site (except contrast areas).

Dark Text Color — this allows you to set a darker text color in relation to the main one, it is often used to highlight a portion of text, headers as usual.

Light Text Color — this allows you to set a brighter text color in relation to the main one, it is commonly used to highlight additional information, for example posts meta data.

Accent Text Color — this allows you to set the main contrast color, which determines style for the whole page. Usually by changing only this color setting you can change the whole web-site feeling. It is used for links, icons, contrast blocks backgrounds etc.

Border Color — this allows you to set a color for borders and dividers. For example fields’ borders of forms and dividers between separate blocks.

Border Hover Color — it is usually darker than Border Color. It is used for example as a color for active fields’ borders.

Background Color — this allows you to set the main background color for all pages, it is usually bright.

Alternative Background Color — this allows you to set an alternative background color used when you need to highlight one of the blocks, but not as strongly as contrast blocks (for example quote blocks or Call-to-Action blocks).

Button Text Color, Button Border Color, Button Background Color, Button Text Hover, Button Border Hover, Button Background Hover — this allows you to set colors for buttons used on the web-site. By popular demand we made it possible to set the colors for buttons independently from the chosen color scheme.

Footer Settings

This section will help you customize the lower part of the web-site (Footer) display.

General

Show Footer — this setting allows you to select whether you want to have the lower part displayed or not.

Footer Style — this setting allows you to select the footer appearance from a list.

Customize — this gives you access to advanced settings. Color settings allow you to change or edit the footer color scheme.

Background Image Area — this allows you to choose whether the footer background is stretched to the page width or takes only its central part.

Bottom Image — this setting allows you to select a background image for the footer.

Footer Background Position, Footer Background Repeat, Footer Background Size — these are the settings for the footer background image.

Footer Sidebar

This section contains settings for footer widgets display.

Show Footer Widgets — this allows you to show or hide widget area in the footer.

Select Sidebar — this allows you to select what widgets you want to be displayed. You can view and customize the sidebars by going to Appearance > Widgets.

Copyright

Show Copyright — this allows you to show or hide copyright line.

Copyright Text — this is a line of text aimed at informing the web-site users about copyright holders of all of the web-site media content.

Footer Menu

Show Footer Menu — this allows you to show or hide the footer menu.

Select Menu — this allows you to choose a menu to be displayed in footer from a list of the previously created ones in WordPress.

Footer Additional Menu

Show Additional Footer Menu — this allows you to show or hide a small additional menu in the footer.

Select Menu — this allows you to choose an additional menu to be displayed in footer from a list of the previously created menus in WordPress.

Sidebars

This section allows you to determine whether the main widget sidebar will be displayed or not, as well as select the side you want to have the widget sidebar displayed at for each of the page types.

Page Sidebar Position — this setting allows you to set the sidebar position on standard pages.

Archive Sidebar Position — this allows you to set the sidebar position on archive pages.

Single Post Sidebar Position — this allows you to set the sidebar position on single post pages.

Single Portfolio Sidebar Position — this allows you to set the sidebar position on single portfolio pages.

Single Recipe Sidebar Position — this allows you to set the sidebar position on single recipe pages.

Catalog Sidebar Position — this allows you to set the sidebar position on shop catalog page.

WooCommerce

This section contains settings for the store, it is available only if you have the WooCommerce plugin installed.

Store Notice

Store Notice — If enabled, this text will be shown site-wide. You can use it to show events or promotions to the visitors!

Product Catalog

Shop page display — Choose what to display on the main shop page.

Category display — Choose what to display on product category pages.

Default product sorting — Choose how the products should be sorted in the catalog by default.

Products per row — Choose how many products should be shown per row.

Rows per page — Choose how many rows of products should be shown per page.

Product Images

Main image width — Image size used for the main image on single product pages. These images will remain uncropped.

Thumbnail width — Image size used for products in the catalog.

Thumbnail cropping — this allows you to set up thumbnail cropping or disable it altogether.

Checkout

These options let you change the appearance of the WooCommerce checkout.

Company name field, Address line 2 field, Phone field — hide corresponding fields, make them required or optional.

Highlight required fields with an asterisk — if this is selected, then the required fields will be marked with a star sign (*).

Privacy policy page, Terms and conditions page — choose the corresponding pages from the list of existing web-site pages.

Privacy policy — optionally add some text about your store privacy policy to show during checkout. (This section appears only if the Privacy policy page is chosen)

Terms and conditions — optionally add some text for the terms checkbox that customers must accept. (This section appears only if the Terms and conditions page is chosen)

Single Product

This contains some of the product pages settings.

Show Related Products - allows you to hide the Related Products area on the product page.

Related Products Section Title — this allows you to input text used as a title for the Related Products section if it is set-up.

Single Product Page Title — this allows you to input text used for the product page title. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the product name.

Show Product name above the Price — By default the product name is displayed in the page title. You can customize the page in such a way that the page title would display a different name, for example a Single Product name. If you do so, in order to have a product name on the page you can select the Show Product Name Above the Price checkbox. The product name then would be displayed to the left of the product image above the product price.

Up-sells Section Title — this allows you to input text used as a title for the Up-sells section if it is set-up.

Product Archive

This contains some of the settings for archive products pages.

Product Category Page Title — this allows you to set a title for the product category archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the category title.

Product Tag Page Title — this allows you to set a title for the product tag archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the tag name.

Additional CSS

Add your own CSS code here to customize the appearance and layout of your site. Learn more about CSS

Single Post

This section contains the settings which allow you to display or hide different portions of the single posts.

Single Post Page Title — this allows you to set a title for blog internal pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Show Media Image, Show Post Categories, Show Post Date, Show Post Author, Show Post Title, Show Post Tags, Show Post Social Buttons — these settings allow you to choose which data would be displayed at the post page correspondingly.

Show Recent Posts — this allows you to display or hide recent posts.

Customize — this gives you access to recommended posts settings:

Recent Posts Section Title — this allows you to set a title for the recommended posts section.

Number of Posts — this allows you to set number of displayed recent posts.

Order By — this allows you to select recent posts sorting: randomly, by date or by user name.

Sort Order — this allows you to set recent posts sort order: in ascending or descending order.

Recent Posts Featured Image — this allows you to show or hide the Featured Image section in recent posts.

Recent Posts Categories — this allows you to show or hide categories in recent posts.

Recent Posts Title — this allows you to show or hide a title in recent posts.

Recent Posts Date — this allows you to show or hide date of publication in recent posts.

Recent Posts Author — this allows you to show or hide author name in recent posts.

Recent Posts Excerpt — this allows you to show or hide excerpts in recent posts.

Recent Posts Excerpt Length — this allows you to set the length of an excerpt measured in symbols.

Recent Posts Tags — this allows you to show or hide tags in recent posts.

Recent Posts 'Read More' Button — this allows you to show or hide ‘Read More’ button in recent posts.

Portfolio

This section contains the galleries’ settings for custom Portfolio type posts.

Archive Settings

Portfolio Archive Page Title — this allows you to set a title for the portfolio archive pages.

Portfolio Archive Columns Number — this allows you to set a number of columns at the standard Portfolio archive page (available at your-site-url/portfolio/ address)

Portfolio Posts Per Page — this allows you to set a number of posts to be displayed at the standard Portfolio archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Portfolio Single Page Title — this allows you to set a title for the separate portfolio pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Projects

This section contains galleries settings for custom Projects type posts.

Archive Settings

Project Archive Page Title — this allows you to set a title for the Projects archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Project Archive Columns Number — this allows you to set a number of columns at the standard Projects archive page (available at your-site-url/projects/ address)

Project Posts Per Page — this allows you to set a number of posts to be displayed at the standard Projects archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Project Single Page Title — this allows you to set a title for the separate project pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Case Studies

This section contains galleries’ settings for custom Case Studies type posts.

Archive Settings

Case Studies Archive Page Title — this allows you to set a title for the case studies archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Case Studies Excerpt Length — this allows you to set a number of symbols to be displayed in the post description at the standard Case Studies archive page (available at your-site-url/case-studies/ address).

Case Studies Archive Columns Number — this allows you to set a number of columns at the standard Case Studies archive page (available at your-site-url/case-studies/ address)

Case Studies Posts Per Page — this allows you to set a number of posts to be displayed at the standard Case Studies archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Case Studies Single Page Title — this allows you to set a title for the separate case study pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Team Members

This section contains settings for custom Team Member type posts.

Archive Settings

Team Members Archive Page Title — this allows you to set a title for the team members archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Team Members Archive Columns Number — this allows you to set a number of columns at the standard Team Members archive page (available at your-site-url/team/ address).

Team Members Posts Per Page — this allows you to set a number of posts to be displayed at the standard Team Members archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Team Members Single Page Title — this allows you to set a title for the separate team member pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Vacancies

This section contains settings for custom Vacancies type posts.

Archive Settings

Vacancies Archive Page Title — this allows you to set a title for the vacancy archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Vacancy Excerpt Length — this allows you to set a number of symbols to be displayed in the post description at the standard Vacancies archive page (available at your-site-url/careers/ address)

Vacancies Posts Per Page — this allows you to set a number of posts to be displayed at the standard Vacancies archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Team Members Single Page Title — this allows you to set a title for the separate vacancy pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Show Recent Vacancies — this allows you to show or hide recent vacancies at the bottom part of the page.

Customize — this allows you to customize the Recent Vacancies section.

Recent Vacancies Section Title — this allows you to change the Recent Vacancies section title.

Number of Posts — this allows you to set a number of recent vacancies to be displayed at the Recent Vacancies section.

Order by — this allows you to change sorting criteria in the Recent Vacancies section. You can sort the vacancies by name, date or display them in a random order.

Sort order — this allows you to set posts sorting: ascending or descending.

Services

This section contains settings for custom Services type posts.

Archive Settings

Services Archive Page Title — this allows you to set a title for the services archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.

Services Excerpt Length — this allows you to set a number of symbols to be displayed in the post description at the standard Services archive page (available at your-site-url/services/ address).

Service Archive Columns Number — this allows you to set a number of columns at the standard Services archive page (available at your-site-url/services/ address).

Service Posts Per Page — this allows you to set a number of posts to be displayed at the standard Services archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.

Single Page Settings

Service Single Page Title — this allows you to set a title for the separate service pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.

Error 404 Page

These settings will help you to customize the 404 error page (displayed if a requested page is not found).

404 Error Title — this allows you to set a title for 404 error page, it will be displayed in large font.

404 Error Info Text — this allows you to input a short text to be displayed under the title.

Show Header Logo — this allows you to choose whether you want the logo to be displayed at the top of the page. The logo used is the same one set in the header settings.

Show Home Button — this allows you to show or hide a button linked to the home page.

Home Button Text — this allows you to input a text for the button linked to the home page.

Customize Background — this gives you access to page background setting: Background Color, Background Image, Background Position, Background Repeat, Background Size.

Additional Settings

Page Loader

Show Page Loader – this allows you to show or hide a preloader on the web-site.

Page Loader Image – this allows you to set an image used for the preloader. Best result may be achieved if you choose a square image with dimensions of no more than 100x100px.

06. Metabox Settings

cs_15

There will be settings at the lower part of an editing page or post. These settings will only be applied to this page or post. The settings may differ according to the corresponding page or post type.

The settings are grouped for convenience:

  • Color Settings
  • Top Bar Settings
  • Header Settings
  • Page Title Settings
  • Layout Settings
  • Footer Settings

All of the settings names correspond to the such of the Customizer settings, so you can read their description above in the Customizer Settings section.

In the Layout Settings section you can enable or disable upper and lower offsets of the main content block as well as choose a sidebar position or disable it completely.

07. Child Theme

If you’d like to change or add to the scripts, CSS styles or theme functionality, then the best way to do this would be using a Child Theme. Its purpose is to allow you to change something without affecting the main theme itself with an ability to revert the changes back to default at any time. Another advantage in using the Child Theme is an ability to update the main theme without loosing the changes you already made. You can read further in more detail about the Child Theme and how to create it at the following URL: https://developer.wordpress.org/themes/advanced-topics/child-themes/

08. Elementor

Our theme is built using the Elementor. For more information about this plugin you can go to the following address: https://elementor.com/

Elementor — is a visual editor. It is very intuitive to use. In order to edit a page you can click Edit with Elementor button right at the list of pages,

or click Edit with Elementor button at the default page editing screen.

Our theme has lots of unique elements in addition to the default elements supplied with the plugin itself. All of these elements are contained within TechnUm Widgets tab.

General settings for all of the elements:
In the first tab, called Content, you can customize the content — set titles, input text, set content alignment and choose on of the supplied element styles.
The second tab, called Style, contains settings for colors, fonts and margins between internal elements.
The third tab, called Advanced, contains additional parameters settings. You can set element id or class, z-index, internal and external margins of an element block, background for the element block, its positioning, etc. This is a default tab, you can read in more detail about all of these settings at the official manual located at the following address: https://docs.elementor.com/article/571-advanced-tab

Blog Listing

This element allows to display a posts timeline. You can choose what posts to display, their ordering as well as set the post elements to display (author name, date, title, image, ‘Read More’ button, etc.).

Button

This element is used to display buttons. We recommend using this instead of the default element, located in the Basic tab.

Case Studies Listing

This element is used to display the custom Case Study posts type in the form of columns or a slider. You can choose what posts to display, how many columns to use and whether you want a filter to be displayed.

Content Slider

This element is used to display big sliders with animated text. As an example our demo-site contains these sliders at all of the Home Pages.

Heading

This element allows to display headings as well as customize their appearance.

Icon Box

Icon Box element allows to display a box with an icon, heading and short text. The icon can be located on top or at one of the sides. You can use this element, for example, as a list of services.

Image Carousel

This element is used to display a slider with images. You can also add a title and description to each of the images.

Portfolio Listing

This element is aimed at displaying a portfolio timeline. You can choose what posts to display, how many columns to use and whether you want a filter to be displayed.

Price Item

This element helps you to display a columned price list.

Projects Listing

This element allows you to customize and display the projects gallery (custom Projects posts type) in the form of columns or a slider.

Services Listing

This element is used to customize and display the custom Services posts type. You can choose posts to be displayed as well as their order of appearance and how many columns you would like to be formed.

Special Text

This element allows you to set up and display a decorative text, which is usually used as part of the background.

Steps

This element is used to display blocks with numeration, for example to list steps of some kind of a process.

Tabs

This element allows to create simple tabs with text and images.

Team Members

This element is used to display the custom Team Member posts type. It can display short info about a person such as name, position, social network links, etc.

Testimonial Carousel

This element is used to display client testimonials in a slider form, it has several styles to choose from.

Products

This element helps to display a products block. You can set what products to show, what should be their order and how many columns you’d like to use. This is a container for the WooCommerce standard shortcode [products].

WPForms

This element allows to choose and display a form, created by means of the WP Forms plugin. It will not work without WPForms Light plug-in.

Instagram Feed

This element allows you to set up and display an image feed created by Smash Balloon Instagram Feed plug-in (it will not work without this plug-in installed).

MailChimp

This element allows you to display the MailChimp subscription form and set its title. It is available only if you have the Mailchimp for WordPress plug-in installed. The form customization is available inside the plug-in itself.

09. Custom Post Types

Our theme adds several custom post types to WordPress.

Portfolios

Portfolios — posts with gallery aimed at demonstrating photos with a quick fact. Each post may contain author, client and have a gallery added to it in addition to the usual metadata.

Projects

Projects element is similar to the Portfolio one in that it also has a gallery. It differs in fields selection - Strategy, Design, Client. You can also display a project url button here (which links to a web-site, documentation, etc.)

Team Members

Team Members are posts with information about people: team members, clients, ets. It allows you to input name, position, short bio, contacts, social networks links, upload a photo and list the skills of this person.

Vacancies

Vacancies are posts aimed to describe vacancies available. These posts contain such info as vacancy description, required set of skills, salary, terms and working hours. You can also display a list of the company's recent vacancies.

Case Studies

Case Studies are posts which contain description of polls and findings of any kind. In addition to the usual text a post can contain, this posts type allows you to display digital values of the results and a list of summaries.

10. Plugins used by the theme

After installing the theme suggests you install required plugins. There are two types of these plugins — essential and recommended.

Essential plugins are required for the theme to work properly. These are the following:
Elementor Page Builder — it is needed to build the pages conveniently and intuitively.
Meta Box — enables you to individually customize each page.
TechnUm Plugin — adds new widgets and elements.

Recommended plugins aren’t crucial to the theme functionality, they simply add new capabilities to it:
MailChimp for WordPress — allows you to add a subscribe form
Smash Balloon Instagram Feed — allows you to create and display timelines with images from Instagram.
WPForms Light — is a simple visual editor which helps you add forms to the web-site.
WooCommerce — is a powerful and popular plugin to create an online store.
Envato Market — this plugin helps customers receive updates to their premium Themes & Plugins purchased through Envato Market (ThemeForest & CodeCanyon).
One Click Demo Import — is required to install demonstration data, you can delete this plugin afterwards.

11. Recommendations

Theme localization

You can easily translate our template to any language. To do this we want to offer you to use a tested translation plugin — Loco Translate. To work with it you do not need any technical knowledge. The system will prompt you to install it as soon as you activate our template.

Detailed documentation on this plugin can be found here. And here you can find the FAQ.

JavaScript Customization

This theme includes the following JavaScript files:

admin.js
customizer.js
fontawesome-iconpicker.js
isotope.min.js
jquery.cookie.min.js
owl.carousel.min.js
select2.min.js
theme.js
tilt.jquery.min.js
woo.js

All of our javascript files you can find in the file js/theme.js. This file is packed, so you won't need to manually edit anything in it.

Plugin Update

If you are notified about a theme update pending and decide you want to install it, you can do it the default way: just overwrite the previous files by the ones supplied in a new zip archive. However it’s possible that you would be required to update previously installed plugins for the theme to function properly.

12. FAQ

1. Some of the pictures aren’t displayed properly after installing the theme.
— Elementor plugin saves the images selected in elements in its own way, so there might be errors during import. Try to go to Elementor > Tools section and enter our demo-site URL into Replace URL tab first field as follows: https://demo.artureanec.com/themes/technum and enter your web-site address into the second field. Then click the Replace URL button. When the process is complete go to the General tab and click Regenerate Files button.


2. I cannot install demo-data, an ‘Error 500’ or ‘Error 0’ error is displayed when I press the Import Demo Data button.
— First make sure that you fulfilled all of the prerequisites listed in paragraph 2 of this manual. Another common reason for problems with demo-data installation is incorrect settings for the web-site and server when installing SSL-certificate. Check that your web-site address begins with https:// in WordPress Settings > General section (if the SSL-certificate is installed). Contact your hosting provider if you cannot setup a server on your own.


3. I have installed the theme, but I don’t see a message about recommended plug-ins and I cannot install them.
— Make sure you have all of the plug-ins disabled. Some of them can block messages from a theme. After you install the plug-ins and demo-data you can enable 3rd party plug-ins again.


4. I change the page settings in Customizer but these settings are not applied or are applied only on some pages. Why is that happening?
— If you used the pages from our demo-data to build your web-site, some of them might contain local Meta Boxes settings which override the settings from Customizer. In order to fix this you need to go to the WordPress standard page editor and put all of the settings at the bottom part of it to their Default setting and empty all of the fields with something filled into them.

13. Code Navigation

All of the images, css files, js files are located in the root folder:

CSS file has a clear structure, that is described at the beginning of the file and divides the file into components that are responsible for the corresponding code parts.

All of the Theme Framework is located in the 'core' folder. Here are the functions that are used to construct our template and other supporting scripts:

14. How to rate this Item

If you are satisfied, please rate us with 5 stars at the following address: https://themeforest.net/downloads

15. How to create a ticket in our Support System

You need to follow the link below and register in our support system:

Create a ticket

Thank you!