HRG Host Documentation

Content - top

Creating and Editing Pages - top

Reading settings. Follow Settings in WordPress Admin Panel and select Reading. Then choose: A static page and select Front page and Post page. Make sure to click 'Save Changes' button, otherwise your changes will be lost.

Creating page. To create pages click the Pages tab in the WordPress Admin Panel. To create new page click the 'Add New' button.

Enter the page title. Fill the page with all necessary you need. You can also select Featured image. Before leaving, make sure to click the 'Publish' button at the right side of the panel, otherwise your changes will be lost.

Creating Menu - top

To setup the Menu first you need some pages, if you haven't setup any yet please see the first section of this chapter. Once all your pages are created (of course you can edit/add/remove them at any point) go to the Appearance>Menus to create your new menu.

• Type the name of your menu in the 'Menu Name' field at the top of the panel (the name doesn't really matter it can be e.g 'Some New Menu') then click the blue button 'Create Menu'.

Once a menu is created, you can add items into it. On the left column you can find different custom links, pages or categories that can be added to your menu.

• Select the tab entitled Pages.
• Press the View All link to bring up a list of all the published Pages on your website.
• Select those Pages you want to add by clicking the checkbox next to each Page title.
• Click the Add to Menu in order to add your selection(s) to the menu that you've just created.
• Check the Top Navigation to add menu to page.

• Click the Save Menu button once you have added all the menu items you want.

• Select the menu item that you want to delete from the menu editor screen.
• Press on the arrow icon in the top right-hand corner of the menu item/box to expand it.
• Click on the Remove link. The menu item/box will be immediately deleted.
• Click the Save Menu button to save your changes.

Creating Posts - top

To create posts click the Posts tab in the WordPress Admin Panel. To create new post click the 'Add New' button. Enter the post title and add some text to the field.

For each post you can choose a 'Post Format'. HRG Host theme supports 5 post formats: Standard, Video, Gallery, Audio, Quote. Please, add some tags, related to your post in "Tags". And you have an opportunity to set Featured image to post in "Featured Image". You can also add some media - just click "Add media" and select what you want: "Insert Media", "Create Gallery", "Set Featured Image" or "Insert from URL". If you add some media, be sure to click "Insert into post" to save changes. After finishing - click "Publish".

Editing Blog Posts

Quick edit is a tool which allows you to update the details for a particular blog post. You can change the title, the permalink, the slug or edit the date and publishing settings. You can also change categories, add tags, enable or disable comments, or change the status of the blog post. All these actions can be performed by following the next steps:

• Open WordPress Dashboard
• Click the Posts tab
• Hover your blog post title you want to edit in the list provided
• Click Quick Edit
• Make the necessary changes
• Click the Update button to save any changes you have made

• If you want to change the content of the blog post you need to click the Edit link
• Make the changes that you want
• Once you have finished, click the Update button

You can also edit multiple blog posts at once!

• Select multiple blog posts from the blog post list
• Select Edit from the Bulk Actions menu at the top and then click Apply
• You can bulk change the category, tags, author and other parameters for all the selected blog posts at once

Post Formats - top

In the previous section i have explained the basics of the post formats and theirs additional settings (if you haven't read it please do). Below I will go over all of the post formats and explain it's additional functions.

Standard post with an image.

This post format lets you display quote in a beautiful way, you should specify the quote in the additional field called Quote Text and quote author in a Quote Author field.

This post format lets you display an audio player at the top of the post, you have three additional fields to use: MP3 file - this field specifies the mp3 source for the audio player, OGG file - this field specifies the ogg source for the audio player. Also there is drop down which enables you to specify if you want to upload the audio file or embed it.

This post lets you display a video player at the beginning of your post. You can embed the video from vimeo, youtube etc. or upload your own as MP4, OGG file.

A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.

Addons - top

HRG Host provides support for plenty of different addons for your page. If you are looking for shortcodes, Visual Composer components - this section is definitely for you.

Visual Composer Addons/Shortcodes - top

To add any of the shortcodes or addons please go to visual composer, add new row and click the add button, to learn more about visual composer please read it's documentation here.

If you have trouble in setup for our custom Visual Composer components please read this detailed tutorial below. Please make sure that you carefully read the offical documentation of Visual Composer before you start.

This component allows you to create new row:

• General - add extra class (if you need).
• Design options - add border, margin and padding to row. Toy can also select border color, background, add image and select theme defaults for row.
• Width and Responsiveness - add responsive options to row.

Notice: don't forget to save changes!

This component allows you to add simple text block to page:

• Text - type your text here.
• CSS Animation - add animation for this block
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add separator line between blocks:

• Color - you can select color here.
• Alignment - you can set separator line alignment here
• Style - you can select line style 'border', 'dashed', 'dotted' or 'double'.
• Border width - you can set separator line width here
• Element width - you can set separator line width on page here
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add separator line between blocks:

• Title - Tou can type title text here.
• Title position - You can set title text alignment tere.
• Separator alignment - you can set separator line alignment here
• Color - you can select color here.
• Style - you can select line style 'border', 'dashed', 'dotted' or 'double'.
• Border width - you can set separator line width here
• Element width - you can set separator line width on page here
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add simple image block:

• Widget title - add title.
• Image - add image to this block.
• Image size - set size of image.
• Image alignment - set image alignment.
• Image style - set style of image.
• Link to Large image? - check if you want to add opportunity to open image in this tab or in new tab.
• Image link - add link to image
• CSS Animation - add animation for image
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This block offers to contain Tabs Items:

General

• Style - you can select one of available styles.

Animation

• Animation - you can select one of available animations.

This block offers to create Tabs Item block:

• Title - you can type tab title here.
• Also you can use all shortcodes in this block.

Notice: don't forget to save changes!

This block offers to contain Accordion Items:

General

• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

This block offers to create Accordion Item block:

• Title - you can type accordian title here.
• Extra class name - add a class name and refer to it in custom CSS.
• Also you can use all shortcodes in this block.

Notice: don't forget to save changes!

This component allows you to add wigetised sidebar block:

• Widget title - you can type title here.
• Sidebar - you can select one of Sidebars from Aperance -> Widgets.
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add video using video link url:

• Widget title - you can type title here.
• Video link - set URL address of your video.
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This block offers to create map block:

• Widget title - you can type title here.
• Map embed iframe - you can set your location here.
  Visit Google maps to create your map (Step by step):
  1. Find location
  2. Click "Share" and make map public
  3. Click folder icon to reveal "Embed on my site" link
  4. Copy iframe code and paste it.
• Map height - you can set Map height on page
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add raw HTML block:

You can add your HTML code here.

Notice: don't forget to save changes!

This component allows you to add raw JavaScript block:

You can add your JavaScript code here.

Notice: don't forget to save changes!

This component allows you create contact form for your page. Contact Form 7 documentation you can find here

This shortcode add contact form to your website (you need to create contact form before with Contact Form 7):

• Form Title - add title to block.
• Contact form - select one of your contact forms you have created before.

Notice: don't forget to save changes!

This block offers to create table on page:

General

• Table style - you can select style of tables.
• Table - You can customize table using this block. Right click on table helps to manage it.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

Notice: don't forget to save changes!

This block offers to create heading block on page:

General

• Heading - you can select html tag (h1-h6) for heading text
• Text align - you can select texy alignment.
• Style - you can select style of heading block.
• Width - you can select width of heading block.
• Heading - type here heading title.
• Content - type here additional heading content.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

Design options
• you can add border, margin and padding to row. Toy can also select border color, background, add image and select theme defaults for row here.

Notice: don't forget to save changes!

This block offers to create slider block on page, and contain slides:

General

• Style - you can select style of this block.
• Pager position - you can select location for pager.
• Slider arrows - you can turn on/off slider arrows in this block.
• Infinite loop - you can turn on/off loop for elements in this block.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

This block offers to create slides in slider block:

General

• Price - you can set some price here.
• Title - you can type title for slide here.
• Subtitle - you can type subtitle for slide here.
• Description - you can type additional description for slide here.
• Link - you can set some link here.
• Link 2 - you can set 2'nd some link here.
• Image - - you can select image from media library or upload your own.
• Background - you can select image from media library or upload your own to set backgroung.
• Slide layout - you can select slide layout position.
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This block offers to create services block on page, and contain servises items:

General

• Style - you can select style of this block.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.
• Animation Delay - you can set some delay for animation.

This block offers to create servise in services block:

• Title - you can type title for service here.
• Description - you can type additional description for service here.
• Image - you can select image from media library or upload your own.
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add Plan block to page :

General

• Title - you can set title of plan here.
• Description - you can type additional description for plan here
• Image - you can select image from media library or upload your own.
• List of conditions - you can type some conditions here.
• Price - you can set prise of this plan.
• Old price - you can set old prise of this plan.
• Period - you can set period of this plan.
• Button - you can add button with some link.
• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.

Notice: don't forget to save changes!

This block offers to create advantages block on page, and contain advantages items:

General

• Style - you can select style of this block.
• Big section default title (if Style 1 selected) - you can type default title of Big section.
• Big section default description (if Style 1 selected) - you can type default description of Big section.
• Background - you can select image from media library or upload your own to set backgroung.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

This block offers to create servise in services block:

• Title - you can type title for service here.
• Description - you can type additional description for service here.
• Image - you can select image from media library or upload your own.
• Extra class name - add a class name and refer to it in custom CSS.

Notice: don't forget to save changes!

This component allows you to add Search block to page :

General

• Style - you can select style from list.
• Title - you can set title here.
• Subtitle - you can set subtitle here.
• Count of Links - you can set count of liks here.
• Link - you can set URL and title of Link.

Animation

• Animation - you can select one of available animations.

Notice: don't forget to save changes!

This component allows you to add Features block to page, which contains Feature blocks:

General

• Style - you can select style from list.
• Extra class name - add a class name and refer to it in custom CSS.

Animation

• Animation - you can select one of available animations.

This component allows you to add Features block to page, which contains Feature blocks:

General

• Title - you can set title here.
• Description - you can type additional description for service here.
• Image - you can select image from media library or upload your own.
• Date - you can set date of feature.

Notice: don't forget to save changes!

This component allows you to add Button to page :

General

• Link - you can set URL and title.
• Button alignment - you can set location of button.
• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.
• Animation Delay - you can set some delay for animation.

Notice: don't forget to save changes!

This component allows you to add Call to Action block to page:

General

• Title - you can type title here.
• Proposition - you can type some proposition here.
• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.

Notice: don't forget to save changes!

This component allows you to add Support block to page:

General

• Title - you can set title here.
• Description - you can type additional description for service here.
• Background image - you can select image from media library or upload your own to set backgroung.
• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.

Notice: don't forget to save changes!

This component allows you to add Clients block to page, which contains Client items:

This component allows you to add Client blocks to Clients block:

• Title - you can set title here.
• Image - you can select image from media library or upload your own.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

This component allows you to add Process block to page, which contains Step items:

General

• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.

This component allows you to add Client blocks to Clients block:

• Title - you can set title here.
• Description - you can type additional description for step here.
• Image - you can select image from media library or upload your own.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

This component allows you to add testomonials block to page, which contains testimonial items:

General

• Style - you can select style from list.
• Active testimonial - you can set number of active testimonial.
• Extra class name - add your own CSS class for this block.

Animation

• Animation - you can select one of available animations.

This component allows you to add testimonial blocks to testimonials block:

• Title - you can set title here.
• Description - you can type additional description for step here.
• Image - you can select image from media library or upload your own.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

This component allows you to add Blog block to page:

• Style - you can select style from list.
• Select category - you can select category which will be dislayed in blog. Use Control button to multiply select.
• Order by - you can select ordering option.
• Sorting - you can select sorting order option.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

This component allows you to add Latest news block to page:

• Style - you can select style from list.
• Posts number - you can set count of posts in block.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

This component allows you to add message box to page:

• Style - you can select style from list.
• Close button - you can select style from list.
• Content - you can set count of posts in block.
• Extra class name - add your own CSS class for this block.

Notice: don't forget to save changes!

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating this theme. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our themes or documentation please share them!

NRGThemes