Complete product documentation for Healthflex WP
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.
In 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.
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
If for some reason you had problems installing the theme through wordpress then you can check out the following method:
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
HealthFlex will be regularly updated to keep up with WordPress updates. So if you get notified about an update, follow the instructions :
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
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.
If 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.
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.
In this tab you can select the fonts and related parameters of the theme. There are several options here to set.
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.
Integration 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.
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.
Breadcrumb 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.
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 Class: insert 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
In this section you can set the basic configuration of the Header.
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.
In this tab you can set the Colors of the Header.
Using the chromatic picker, choose a Color for Header Background, Text and Regular & Hovered Link.
The 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.
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,
It 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.
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 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.
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 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.
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.
Mobile 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.
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 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.
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.