Hostim Software & IT Solutions WordPress Theme

Introduction

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?

Server Requirements

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

Theme Installation

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

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

Importing Demo Content

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

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

Footer Settings

- Copyright Text

- You can change footer background Color

- You can change footer background Overlay

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

Footer Link Widget

1. Go "Appearance > Menu" create invidiual menu: "Company", Resource", "Support"

Custom Footer

1. Create your custom footer from Dashboard > Footer > Add new footer

You can create a custom footer by using Elementor. Select template "Elementor Canvas" after creating a footer you will get it in the theme option and page meta option

If you select footer from theme option then it will work globally

If you select footer from Page meta option then the theme option footer will not applied on this page.

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”.