Hotel Xenia WP Documentation

Complete product documentation for Healthflex WP

Using Documentation

Welcome to Theme Options Documentation.

WordPress is a very useful tool for creating and delivering content to your audience. With Plethora Themes you have the best design to do that. To make the best out of your Theme, you are advised to carefully read this Documentation as it describes and explains all the available options.

Inmenu button the right part of your screen there is a three dot icon; use it to navigate to the sections. And have a real good time enriching your website with marvelous content.

Theme Installation and Setup

Installing WordPress

Under most circumstances installing WordPress is a very simple process and takes less than five minutes to be completed. Many web hosts (e.g. Siteground) are now offering tools for automatic installation. However, if you wish to install WordPress by yourself, read about the Famous 5 Minutes Installation.

Below you can find some links about WordPress Installation

Common WordPress Installation Issues

Installation through FTP

If for some reason you had problems installing the theme through wordpress then you can check out the following method:

  • Download Health X theme from ThemeForest and unzip the main zip file
  • Locate healthflex.zip and extract/unzip its contents
  • Use an FTP client (for example FileZilla) to access your host web server
  • Transfer your unzipped theme folder to your server in the wp-content/themes/ directory.
  • Once uploaded, go to Appearance > Themes and activate your HEALTHFLEX theme.
  • If you consider installing the child theme ( which is strongly recommended ), then repeat the FTP procedure for healthflex-child.zip file and activate this instead.

Plugin Installation

The following plugins are bits of software that extend the functionality of the theme and are included in the theme package. When you install the theme, you will get a notification message in your WordPress admin informing you about the required and recommended plugins. You have to install them. For those who are not familiar with plugin management, please check WordPress Codex > Managing Plugins reference

  • Plethora Features Library (mandatory). This is Plethora’s theme framework plugin that includes all shortcodes, widjets, custom post types and extra design settings, make sure that is always installed.
  • Visual Composer (mandatory). Allows you to edit your content using an enhanced page builder. Make sure, you are using the version included in the package, as it is configured to work seamlessly with the theme. Please, note that we do not offer compliance with any licensed version of Visual Composer plugin other than the one included in theme Package.
  • Contact Form 7 (recommended). Manages multiple contact forms. You can also customize the form and the mail contents flexibly with simple markup. Install and activate Contact Form 7 before importing content! Plethora Theme design is compatible with any form created using Contact Form 7. Note that for core functionality issues (non related to design), you should refer to the plugin documentation or contact the author directly.

Update Theme

HealthFlex will be regularly updated to keep up with WordPress updates. So if you get notified about an update, follow the instructions :

  • Login into your Themeforest account, go to Dashboad > downloads and download the theme into your computer
  • Install an FTP program if you already do not have one (Filezilla is free)
  • Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  • Unzip the item main file
  • Locate theme.zip (e.g. : healthflex.zip) and unzip it. Make sure your unzipping software does not create an extra directory with the same name nested into each other.
  • Locate the themes’ main folder on your FTP program ( should be something like: “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/” ) and drag and drop the local version in it. FTP program will give a warning that there is already a directory with the same name. Choose “replace all”.
  • It will take from 2 to 10 minutes to replace all files. When you finish, login into your WordPress dashboard, go to Theme Options, and verify the new version. Child theme doesn’t need to be updated unless you made no changes to it and want the new cool screenshot.
  • On occasion, a TGM notice will appear on top of your administration page to update the “Plethora Themes Features Library” plugin. Update it by clicking on the notice and clicking “Update” and “Activate” under the “Plethora Features Library” listing in the list that appears. Or, on the “Themes” page, click to view HEALTHFLEX Theme Details and in the popup window, click “Update Plugins” button on the bottom.

The first and most important step to update your theme is to BACKUP your site and Database. There are plenty of ways of doing that. You can start from here: WordPress Backups

General

Welcome to Theme Options! The initial section of theme options.

Here you can find General Options about the fundamental theme elements; Basic Colors, Typography, Icons of your Social networking, Breadcrumb indication and setting about Miscellaneous Elements like Back to Top, Container Size, Transparency Level e.t.c.

Basic Colors & Color Set Options

general-basic-colors-&-setsIf you want to change the Basic Colors of the theme, this is the place. With the following options you can adjust the chromatic appearance of your website. You can use any of the given combinations to a specific page or post and even several of them to your page / post section.

Available Options

Select the Color of Body Background, Text and Regular & Hovered Link Text, for the Basic Colors of your website.

Select the Color of Primary Brand, Text and Regular & Hovered Link Text for Primary and Secondary Color Set.

Select the Color of Background, Text and Regular & Hovered Link Text for Light, Dark, White and Black Color Set.

Next to each object there is a picker to help you select from a variety of colors.

Typography

general-typographyIn this tab you can select the fonts and related parameters of the theme. There are several options here to set.

Available Options

Select a Font Family and Fonts Subsets for Primary (content) and Secondary Font (heading, menus and selectors).

Select a Font Size and Font Weight for Primary Font (body and paragraph

Select a Font Size for Secondary Font Size Base (logo, menus, headings and selectors).

Heading Text Transform and Headings Font Weight: in these two options you can set the appearance of the Headings. Use the drop down lists to select an option for Transform and provide a value for Font Weight.

Buttons Text Transform: set the default case for text appearing on Buttons. Select a Transform from the drop down list.

Social Icons

general-social-iconsIntegration with social networks has become a standard in modern applications. In this tab you can select the appearance of Icons used to direct to your profile and can be used in several location in your website.

Available Options

For each Social Icon there are three options; you can select a Title, a specific Icon from several Icon Libraries and add a URL link to your profile or page. You can delete a Social Icon or even add a new one.

general-breadcrumpBreadcrumb will help your visitors know exactly in which location they are and navigate easily into your website. In this tab you can set the global configuration for Breadcrump.

Available Options

Select a Prefix Text to be displayed before the Breadcrumb, a Home Page Anchor Text for the home page link and a Separator for the links. To format text use these HTML tags: span | i | em | strong | b.

Next, select if you want Current Page Link and Current Archive Page Text to appear at Breadcrumb. If you choose to display Current Archive Page Text more options will come up:

Current Page Text Pattern: customize the Text Pattern using  %1$s to display current page number and %2$s to display the total pages number. You can also use these HTML tags to format text: span | i | em | strong | b

Current Page Extra Class: insert CSS class for current item to create custom styling.

Breadcrumb Container Extra Classinsert a CSS class here if you want to make a reference for the Breadcrumb container for use in custom styling.

To display Breadcrumb on each content type go to Theme Options > Content

 

Header General Options

header-generalIn this section you can set the basic configuration of the Header.

Available Options

Select if you want the Container Type to be Default or Fluid.

From a graphical representation of five different variations, select a Logo & Main Navigation Layout to apply on your website globally.

Next, you can select if you want the Header to be Transparent or not.

Transparency Opacity Level: using the dimmer, select a value between 0 and 100%.

Extra Classes: if you want a special style for the header, insert one or more classes here, to handle in your CSS code.

Header Color Set Options

header-colorsIn this tab you can set the Colors of the Header.

Available Options

Using the chromatic picker, choose a Color for Header Background, Text and Regular & Hovered Link.

header-logoThe Logo is very important as it illustrates your corporate identity, in this section you can adjust the behavior and appearance of it, to make it look as you like.

Available Options

Using the graphical switch, select if you want the Logo to Appear or Hide from the Header.

Logo layout: you can select if you want Image or Title to appear and even combine the Subtitle with Image or Title respectively.

Next you can choose an Image and upload it to your theme. You can even remove the Logo if you like.

In the next three options you can select the Dimensions, the Spacing and the Title Font of the Logo. There are available setting for: Maximum Image Size, Spacing and Title Font Options of the Logo for large/medium, small and extra small devices,

general-navigationIt is very common to display a Menu on the header. In this section you can adjust the appearance, the content and the behavior of the Menu.

Available Options

In the first option you can select if you want the Main Menu to appear on the header or not. If you select Display, more options will come up:

Main Menu Location: select from the drop down list. If you clear the list by pressing (X), Primary Navigation will be used.

To manage Locations (change, add or delete) go to Dashboard > Theme Options > Advanced > Nav Locations

Multi Level Menu Behavior: select if you want child menu items to appear by Hovering or by Clicking on it

Menu Item Font Options: select a Text Transform from the drop down list and insert a Font Size for the Menu Items.

Menu Item Font Weight: from the drop down list, select a value.

In the next three options you can adjust the Padding of the Menu Items for large, medium and small devices. Insert the preferred values in the fields.

In case you mess up with one or more values and want to restore the original settings, go to the top or to the bottom of the page and click on Reset Section.

header-sticky-headerHeader has the option to remain visible all time or go with the flow of the page. Apart from this there are several more options here to configure header behavior and appearance.

Available Options

Select if you want Sticky Header on Scroll or not. This option will apply to all pages of the website except those you choose individually not to.

Next, from the drop down list select one of four combinations for the Sticky Header: On top or Bottom, Always Visible, On top but visible only after scroll and On Bottom and sticks on top after scrolling. Clicking on the (X) mark will apply the default option (always visible, on top). It’s a global setting, but you can override it individually in pages as well.

Scroll Offset Trigger: using the input field, insert a value (number of pixels) to declare the scrolling point beyond which the appearance of Alternative Sticky Header will be triggered. Note that, it will also apply to Default Sticky Header if you have selected the “On top, visible only after scroll starts” from the drop down list.

In the following Options you can adjust the behavior of the Alternative Sticky Header (after scroll):

Select if you want Alternative Sticky Header to be displayed or not.

In the next option, select if you want the Logo to be displayed on the Alternative Sticky Header or not and even set a Custom one. If you select a Custom Logo, more options will come up, where you can:

Select a Headed Logo Layout from four combinations including, Image or Title only and Image with Subtitle or Title with subtitle. 

Select a Logo Image for the Alternative Sticky Header and upload your own as well.

In the next option, select if you want the Menu to remain visible on Sticky Header or not.

In the last five options you can adjust the appearance of the Alternative Sticky Header:

Select if you want the Alternative Sticky Header to be transparent or not and then using the slider set the desired value of Opacity Level. Next, select Background, Text, Regular and Hovered Link Color for the Alternative Sticky Header.

Always, don’t forget to Save Changes or else you will be prompted to do so when you try to leave the page.

nav-mini-toolsNav Mini Tools is a feature that allows for various objects to be displayed in the header area next to main menu. Depending on your need, select to display a call for action, a bookmark or a shopping cart button. It’s all up to you.

Available Options

Select if you want Nav Mini Tools to be displayed or not.

Next, switch on the Custom Mark up to enable the input field where you can insert your markup code, including HTML tags for maximum functionality.

Header Section // Mobile Navigation Sidebar Options

header_mobile_nav_sidebarMobile devices have become the most popular gateways to the internet. Customize the look and feel of your Menus for when your visitors are viewing on a mobile device.

Available Options

Set a value between 0 and 3840 (in pixels) to indicate the Threshold after which the Mobile Menu will be displayed.

In the next two options, select if you want to Display a Label (for above and below threshold). If you select to Display a new option will come up. Insert a Label Text (for above and below threshold) in the available field and even use the basic HTML tags span | i | em | strong | b

Next, by using the switch select if you want to Display the Nav Icon (above threshold) or not.

Last in this tab, from the drop down list select the Widgets Area that you want to be displayed on the sidebar while on a mobile device. If you clear the list by clicking on (X), Mobile View Sidebar will be used as the default area.

Media Panel

Basic Configuration

media-panel-media-panelMedia Panel is an exciting feature allowing for various elements to appear withing the pages of your website. In this section you can adjust the appearance and functionality of Media Panel, in a global basis. Custom configuration is also possible in each individual page or post.

Available Options

Select if you want the Media Panel to be displayed or not. If you select to Display, more options will come up:

Select if you want the Default Panel to display a Color, an Image or a Slider.

Select a Color Set for the Media Panel. There are five available sets to select from.

If you want to edit the Color Sets go to Theme Options > General > Basic Colors and Sets

Next, using the switch. select if you want to apply a Transparency effect on the Panel. Note that Revolution Slider uses it’s own settings, thus the filter will not apply on it.

Fade Effect on Page Scroll: enable or disable this effect using the switch.

Full Height: force Media Panel to display in full height. Like transparency, this will not apply on Revolution Slider as it makes use of it’s own settings.

Content

Add Ons & Modules

Advanced

Help

Options Object

Import / Export