# Hostim Software & IT Solutions WordPress Theme

View demo Buy theme Need Support

#### Introduction

Thank you very much for choosing our theme. We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars (How to rate?)

Hostim Software & IT Solutions WordPress Theme is a powerful Easy to use, Mobile friendly, highly customizable SEO friendly IT solutions and SAAS Theme

#### Theme features

- Responsive Design
- Retina Ready
- Sticky Header
- Blog Page Layout Option
- Truly One Click Demo Importer.
- Powerful Drag and Drop Page Builder (Elementor)
- Powerfull Codestar Framework Admin Panel(save 49$)
- Contact Form 7
- MailChimp

Note: All images are just used for Preview Purpose Only. They are not part of the theme and NOT included in the final purchase files.

##### Need Support?

If you have any questions regarding to theme issues, please email at hellothemetags@gmail.com

#### Server Requirements

If you are unsure of how to configure these settings, please contact your hosting provider.

#### Recommended

- Minimum PHP version 7.3 or greater.
- MySQL version 5.6 or greater OR MariaDB version 10.1 or greater.
- WordPress memory limit of 256 MB or greater.
- HTTPS (SSL) support.

#### PHP configuration limits

Setting | Value
max_execution_time | 180
max_input_time | 180
memory_limit | 256M
post_max_size | 128M
upload_max_filesize | 128M
max_input_vars | 2000+

#### WordPress memory limit

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

WordPress memory can be different from the server – you need to set this regardless of server memory settings

https://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

Related official WordPress

- https://wordpress.org/about/requirements/

After full fill all of these requirements then go to the demo import

#### Theme Installation

Once you purchase the theme from themeforest, you'll be able to download 2 file type from ThemeForest Dashboard.

1. All Files and documentation
2. Installable Wordpress Theme File

If you select to download all files and documentation ( the zip name will be themeforest-xxx-xxxxx.zip ), you have to extract it out ( to get themename-vxx_xx.zip file ) before installing it to wordpress system.

##### Install theme via Wordpress Dashboard

1. Go to 'Appearance > Theme' section
2. Click 'Add New' and select the 'Upload' option
3. Upload the zip file
4. All Done :)

##### Install theme via FTP

1. Access to the file on your server using ftp editor program
2. Go to 'wp-content/themes' folder
3. Extract the zip file and put the themename-vxx_xx folder there
4. Go to 'Wordpress Dashboard > Appearance > Theme' section to activate the theme
5. All Done :)

##### Install Plugins

After you install the theme, there'll be a list of suggested and recommended plugins at the top of the wordpress dashboard.
If you already hide it out, you can go to 'Appearance > Install Plugins' section instead too.

#### Importing Demo Content

After activating the theme, there'll be suggested plugin listed at the top (if there aren't, you can go to 'Appearance > Install Plugins' section as well ). Try installing and activating these following plugins ( as it effects the importing process ). You can also install all suggested plugins at this step as well.

#### Note:All of your old data will be remove if you use this function.

Follow the steps mentioned on the screen, then, you'll get the site like the demo :)

#### General Settings

Note: All of the theme options work globally but when you use the page option from the page meta then the Theme option will not work for this field.

##### Preloader:

- You can turn off/on the Preloader and you can change the Preloader text, color, loader-bar background too.

##### Header Sticky:

- Header Sticky makes user experience good. When you scroll top 100px or more Header will sticky on the top possition, you can easy navigate header elements when you are in the middle or botton of the page. You can trun off/on this setting by switching.

##### Back To Top:

- When you scroll down a "Back To Top" button will appear in the bottom right corner. You can turn off/on this button

##### CSS Editor:

- You can use Custom CSS style if you want overwrite style of theme and your customize code keep in database so you can update theme in future without change

#### WHMCS Integration

- You have to add the WHMCS url here. WHMCS url will be, where you host the WHMCS template

- Select the template which template style you want to show for client portal

#### Header

Note: Hostim has two type Header settings 1. Theme Option (Global) 2. Page Meta Option (Specific Page). Theme Options settings work for all pages and Page meta settings work only specific page. Page Meta settings are more powerfull then Theme Options. Example: You used a logo from the Theme option name main-logo.png it will show for all pages, at the same time by using Page Meta option you used a different logo name logo-v2.png in the Front page then the Page meta option will overwride Theme Option logo only for the Front page. The concept will work for every field between Theme Option and Page Meta Option

You can customize Header style by using this Sections

- Header Settings

- Logo Settings

- Header Menu Style

##### Header Settings:

In the Header Box style you will see the header will appear with 1320px width and in the Fullwidth it will cover whole display width.

You can change default header height, Header Background Color, Sticky Header Color by using this fields

##### Logo Settings

Note: Keep in mind the Theme Option logo will overwride for those pages when you use logo from Page Meta option

- Normal logo: Use your desire logo maximun width 300x70 pixles

- Normal Ratina logo: You have to use 2x size of your normal logo

- Sticky logo: Follow the normal logo dimention

- Sticky Ratina logo: Follow the normal ratina logo dimention

- Dark Mode logo: Follow the normal logo dimention

- You can adjust your logo size by using Logo size slider

##### Header Top

- Header Top Left: We used wp_editor for header top left content, for that you can easily arrange your desire content.

- Header Top Right Nav: Select Nav menu from the dropdown (You have to create a menu from Appearance > Menu. then the menu will available in the "Select Nav Menu" dropdown)

- Here you can style the Top Header content too.

##### Offcanvas Settings

- Recommended Service: Hostim has a custom post type name "Service" and if you have already posted to this post type then you can select how many services want to show here

- Supported Scripts: To show Supported Script we have a filed repeater option, you can set Script Title, URL and Icon. You could show unlimited Scripts or Features block.

##### Header Elements Switch

- Search icon: The Search On/Off work for global settings. Once you off the Switch in the Header right search icon will hide.

- Call To Action: This is the global controls of Call To Action Button. To enable Header Call To Action button for all pages just trun on the Switch and customize button label and URL.

#### Why Dark Mode is important for website?

Dark mode is important for websites for several reasons:

User Preference: Many users prefer dark mode as it reduces eye strain, especially in low-light conditions. It can provide a more comfortable browsing experience for those who find bright screens overwhelming or have light sensitivity.

Accessibility: Dark mode can improve accessibility for users with visual impairments, including those with conditions like photophobia or color vision deficiencies. The higher contrast between text and background in dark mode can enhance readability.

Energy Efficiency: Dark mode can contribute to energy conservation on devices with OLED or AMOLED screens. These display technologies can individually turn off pixels when displaying black, resulting in reduced power consumption and longer battery life on devices like smartphones and laptops.

Aesthetic Appeal: Dark mode has gained popularity for its modern and sleek appearance. It can provide a unique and visually appealing look to a website, giving it a sense of elegance and sophistication.

#### How to enable Dark Mode?

Follow the screenshot below

By enabling dark mode, by default Blog, Blog details, Header, Footer and most of the elements will cover dark mode automedically. Some elements need to select Drak mode color from Elementor Advance tab. You can follow the video tutorial

#### Page Header Settings

- You can setup page title, sub-title, background for page title

##### 1. Default Page Setting.

- Default Page Title

- Default Page Description

- Default Page Background

#### Blog Settings

You can setup blog page display as grid or masonry layout with left sidebar,right sidebar or no sidebar

You can edit blog sidebar by navigate to Appearance > Widgets > Primary

#### Sidebar Settings

- You can setup Sidebar Info

#### Typography Settings

You can change font family use default fonts, Google fonts, change font size, font color, heading font size

#### Color Scheme

You can change color for overall site, header, footer.

#### Socials Settings

You can setting up your Social Networks.

#### 404 Settings

You can setting up 404 Page.

#### Domain Search

We are using WHOIS library for domain search. You can find available domain and suggestion by searching in the Domain Search form and you will get a purchase link to the search result

#### WHMCS Link:

In the Hostim Elementor widget name Hostim Domain Search Form give a of your WHMCS cart url like this
"https://whmcs.themetags.com/cart.php?systpl=hostim&carttpl=themetags_cart&a=add&domain=register&query=" this url will work when you turn off ajax search then it will redirect to this URL

#### WHMCS Pricing Integration

According to your WHMCS store pricing table add each table url in the WordPress theme demo pricing table Purchase button by following the screenshot below. Adding pricing URL method is same for every Pricing table.

#### Homepage

- You can assign another page to homepage by go to Dashboard > Settings > Reading > Change Frontpage to any page you want

#### Page Meta

- Page meta option is more powerful then Theme Options. Theme Option field will overwride by page meta option.

-When you use a different logo from page meta option then the theme option will not able to change it. This is example

#### Hostim Service FAQ's

##### 1. Go "Dashboard > Service > Categories" Add new category with a icon.

##### 2. Insert Hostim Service FAQ Widget. Now you can select category with every FAQ item

For more details show our video tutorials

#### MailChimp Integration

To the Hostim theme we Integrate MailChimp for Newsletter subscription. You just need to collect MailChimp API key and List ID from MailChimp website.

##### Get API Key

To navigate API key settings follow the direction MailChimp Profile > Extras > API Keys

##### Get List ID

To get List ID follow the direction Audience > Settings > Audience name and defaults

##### Fillout Integration fields

Dashboard > Appearance > Customize > MailChimp Settings > MailChimp API

#### Templating Systems

1. We used templating system. You can use any widget or section in another demo. For that you can follow below screenshorts.

#### 1. Auto Update using Envato Market #

- Install the Envato Envato Market #.

- Go to themeforest.net > Settings > API Keys.

- Generate an API key and store it in a text file as you will need it shortly.

- Now login into your WordPress admin dashboard

- From left sidebar click on Envato Market.

- As shown in below screenshot fill the API key that you just retrieved from themeforest.net

- Save Settings.

- Once the page refreshed you will see the list of themes you have purchased.

- If there is a new version available you will get the “update Automatically link.

- The theme will be updated to the most recent version.

#### 2. Manual Update Through WordPress Admin Panel

- Navigate to Appearance > Themes Activate another theme to deactivate the Hostim theme

- Delete the existing installed theme (old version).

- Unzip the file you just downloaded from ThemeForest and locate the WordPress Theme "Hostim_V1.0.0.zip"

- Still within the Themes section, on the header tab, click on “Install Themes”, then on the header second tab click “Upload”.

- Click “Browse…” and locate the new theme file hostim.zip

- In the “Upgrade existing theme?” option choose “Yes” from the dropdown list.

- Click “Install Now”.

- Click “Activate”.