Xpert Documentation - Premium Theme For WordPress

INTRODUCTION

On behalf of the entire team here at GeeSoft, we would like to thank you for choosing our theme!

We hope you find our product very satisfying. We here at GeeSoft are very proud of the work we have done on the Xpert Theme and feel that it is a groundbreaking product which will exceed the limits of what the typical user believes a WordPress theme can do.


INSTALLATION

You can install Xpert in one of two ways:
1. The Easy Option (recommended for new users):
Upload the provided .zip file via the the WordPress Admin Panel. Go to “Appearance” > “Themes” in the menu, then select the “Install Themes” tab at the top of the page. Once you are at this page, select “Upload,” then “Choose File” to locate the .zip folder on your computer. Finally, select “Install Now.”

2. The Advanced Option (recommended for experienced users):



Open the provided .zip file and upload the template contents to the /wp-content/ themes/ directory of your WordPress installation via your chosen FTP client.

Neither method is better than the other, it’s simply a question of preference and/or familiarity with WordPress.


ACTIVATION

1. After installing the theme, you can return to the “Themes” page via the WordPress Admin Panel (“Appearance” > “Themes”)

2. Choose “Activate” on Xpert.

It’s as simple as that!


APPEARANCE

In order to alter the appearance of Xpert:
1. Go to “Appearance”
2. Select “Geesoft Theme Options”
3. You will be presented with the following options:

A. Common
B. Common - General
C. Layout
D. Layout - General
E. Layout - Header
F. Layout - Breadcrumb
G. Layout - Social
H. Colors
I. Colors - General
J. Colors - Header
K. Colors - Content
L. Colors - Sidebars
M. Colors - Widget
N. Colors Footer




The following section features customization options which are standard to any WordPress theme. You can access Menu from the Dashboard by clicking on Appearance and then selecting Menu. With custom menus, you can change the order in which pages appear, delete pages, make pull-down menus by creating nested sub-menus of links, organize pages categorically by creating links which allow you to collect related posts, and allow you add custom links to other websites, which is essential for linking to social media profiles such as Twitter and Facebook.

For an in-depth look at Menu Options please go to WordPress support page on the subject at http://en.support.wordpress.com/menus/.




THEME OPTIONS


GETTING STARTED

Let’s get started! From the list, select Appearance and then select Geesoft Theme Options. This will open the Theme Options screen, where you can customize a variety of options to your liking.

COMMON

Under Theme Options, you will find a heading entitled Common. Under this heading you will be able to select an option entitled Common-General. By selecting Common-General you will see Meta Keywords, Meta Description, and Google Analytics, each with their own fill-in fields where you type in keywords and a description. Beneath the fill-in fields you will find a button entitled Save Options, which allows you save any changes you have made to the Common- General settings.



LAYOUT

Located below Common options, you will find another heading. This one is entitled Layout. Under this heading you will find three different subheadings:

Layout- General

Under the Layout - General heading you will find Layout Type, General font, Additional Font, Sidebar, Sidebar for blog (posts) and Show comments (posts only), each with pull-down menus as well as a Save Options button.

Layout Type: In the Layout Type pull-down menu you will find the options Boxed and Full Width.

General Font: A label which reads General Font and a pull-down menu from which you can select the font of your choice. Selecting the General Font will determine the font for all pages.

Additional Font: A label which reads Additional Font and a pull-down menu from which you can select the font of your choice. Selecting the Additional Font will determine the font for Titles only

Sidebar: In the Sidebar pull-down menu you will find three options: None, Left, and Right. By choosing one of these three options, you will determine where on your page the sidebar will be located or whether there is a sidebar at all. This will determine the default location for the sidebar on every page of your website.

Sidebar for Blog (posts): In the Sidebar Blog (Post) pull-down menu you will find three options: None, Left, and Right. By choosing one of these three options, you will determine where on your page the sidebar will be located or whether there is a sidebar at all. This will determine the default location for the sidebar on every page of your website.

Show Comments (posts only): A label which reads Show Comments (Posts Only) and a pull-down menu with the options Yes and No. From here you can decide whether or not you wish user comments to be displayed

Layout- Header

Under the Layout-Header heading you will find a total of fourteen options as well as a Save Options button: Header Type, Custom Favicon, Custom Logo, Header- Email, Header- Email- Icon, Header- Phone, Header- Phone- Icon, Additional Text- Left, Additional Text- Left- Icon, Additional Text- Right, Additional Text- Right- Icon, Menu Button- Text, Menu Button- Link, and Menu Button- Icon. Below, each option is described in detail.

Header Type: Lets you pick the layout you want for your header. Choose from Classic, Modern, Modern Large, Full Screen and Modern Opacity.

Default Slider: A label which reads Default Slider and a pull-down menu from which you can select the Revolution Slider of your choice. Selecting a Default Slider will set the default Revolution Slider for all pages.

Custom Favicon: A favicon is the miniature icon which appears next to a website address in a browser’s address bar. The Custom Favicon option allows you to upload a favicon of your choice for use with your WordPress site.

Custom Logo: Here you can select the image of your choice to use as a logo on your page.

Header- Email: Enter your email address into the fill-in field.

Header- Email- Icon: Enter a code from the Font Awesome: http://fortawesome.github.io/Font-Awesome/ instead of using the full-length code please use the abbreviation fa-at. Both of these codes are listed on the Font Awesome website.

Header Background Image: Here you can select the image of your choice to use as a header background image. There is a button labeled Browse.

Header- Phone: Enter your phone number in the fill-in field.

Header- Phone- Icon: Enter a code from the Font Awesome: http://fortawesome.github.io/Font-Awesome/ (instead of using the full-length code you can use the abbreviation fa-phone. Both of these codes are listed on the Font Awesome website.

Additional Text- Left: Enter text into the fill-in field, which will appear on the left-hand side of the header.

Additional Text- Left- Icon: Enter a code from Font Awesome (or similar website) to use as an icon which will be situated before the text you have typed into the Additional Text- Left fill-in field.

Additional Text- Right: Enter text into the fill-in field, which will appear on the right-hand side of the header.

Additional Text- Right- Icon: Enter a code from Font Awesome (or similar website) to use as an icon which will be situated before the text you have typed into the Additional Text- Right fill-in field.

Menu Button- Text: Here you can type text into the fill-in field which will appear inside of a small box in the header, which can be used to link to an outside webpage or to jump ahead to another section of your own website.

Menu Button- Link: In this fill-in field, you can copy and paste a URL.

Menu Button- Icon: Enter a code from Font Awesome (or similar website) to use as an icon which will be situated before the text you have typed into the Menu Button- Text fill-in field.

TIP: To give your page a nice, slick, professional look we recommend using icons which can be found at Font Awesome (http://fortawesome.github.io/Font-Awesome/). Simply type the associated code into the icon fill-in fields listed above. Best of all you can use Font Awesome absolutely free!

Layout - Breadcrumb

Under the Layout- Breadcrumb heading you will find the following options:

Breadcrumb On: A drop-down menu with the options Yes and No.

Breadcrumb Text Style: A drop-down menu with the options None, Uppercase, and Lowercase.

Breadcrumb Layout Type: A drop-down menu with the options Boxed and Full Width

Breadcrumb Show Page Name: A drop-down menu with the options Yes and No

Breadcrumb Align Page Name: A drop-down menu with the options Left, Center, Right, and Justify.

Breadcrumb Top Gap: A fill-in field where you change the top gap setting by entering a number, which will determine the alignment by number of pixels (px).

Breadcrumb Show Path: A drop-down menu with the options Yes and No.

Breadcrumb Font Size: A fill-in field where you can change the font-size percent (%) by entering a numerical value.

Breadcrumb Height: A fill-in field where you change the breadcrumb height by entering a number, which will determine the height by number of pixels (px).

Breadcrumb Background Image: A button labeled Browse which when clicked opens up a new window with a drag and drop field into which you place image files or you can click the Select Files button within the field in order to search your computer for an image file of your choice.

Layout- Social

Under the Layout- Social heading you will find options to include links to your pages and profiles on your favourite social media sites. To add a link to your social media page or pages, simply type the URL into the fill-in fields provided. We’ve included seven of the biggest social media outlets: Facebook, Twitter, Google+, Skype, Vimeo, LinkedIn, and YouTube.

COLORS

Under colors, you will be given the option to customize the colors for the General, Header, Content, and Footer subheadings using a Color Picker. Under each subheading, you will find several options as well as a Save Options button.

Under Colors- General, you will be able to customize the colors for the Body Background, Content Body Background, and the Content Font Body.

Under Colors- Header, you will be able to customize the colors for the Header top bar- background, Header top bar- font color, Header top bar- font hover color, Header background, Header font color, Menu background color, Menu font color, and Menu font color/ hover item. Sub Menu background color, Sub Menu font color, and Sub Menu font color active/hover item.

Under Colors- Content, you will be able to customize the colors for the Divider Color, Button Color, Button Font Color, Hover Effect Color, Breadcrumb background color, and Breadcrumb font color.

Under Colors- Sidebars, you will be able to customize the colors for the Left sidebar background color, Right sidebar background color, and Footer sidebar background color.

Under Colors- Widget, you will be able to customize the colors for the Left sidebar font color, Left sidebar hover color, Left sidebar a href color, Right sidebar font color, Right sidebar hover color, Right sidebar a href color, Footer sidebar font color, Footer sidebar hover color, and Footer sidebar a href color.

Under Colors- Footer, you will be able to customize the colors for the Footer menu background color, Footer menu font color, Footer menu hover color, Footer Background Color, Footer link color, and Footer link hover


GEESOFT PAGE BUILDER

We at GeeSoft are very proud of our Page Builder and hope that you will find its layout intuitive and that your experience with Page Builder will be rewarding.




PAGES

From the Dashboard, select Pages. You will be presented with a page featuring a + Add New Section button, which will allow you to create new Sections, which are Drag and Drop boxes into which you can add a variety of Items.

SECTION OPTIONS

In Section Options, you will be able to add a Background Image by pressing the button labelled Click to Upload Image, select the Background Color using a Color Picker, select the Font Color using a Color Picker, decide whether you want a Parallax Effect or not, and decide on the Layout Type.

+ ADD NEW ITEM

Within each section, you will be able to add new items using the + Add New Item button. The following is a list of New Items you can add to a Section:

• Accordion & Toggle
• Article Box
• Blog
• Breadcrumb
• Call To Action
• Contact Box
• Column
• Counters & Pie Charts
• Divider
• Essential Grid
• Icon Box
• Image
• Lists
• Master Slider
• Message
• Map
• Our Team
• Pricing Table
• Photo Box
• Recent Posts
• Revolution Slider
• Social Media
• Teaser Box
• Title Content
• Vimeo Video
• YouTube Video


Each one of these Items’ options will be explained in greater detail below.



ACCORDION & TOGGLE OPTIONS

In the Accordin & Toggle Options you will find:

• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads Visualisation and a pull-down menu with the options Accordion and Toggle
• A label which reads Icon Positions and a pull-down menu with the options Icons - Left and Icons - Right
• A label which reads Font Icon Toggle, and a fill-in field into which you can type in codes for Font Awesome icons
• A label which reads Font Icon Untoggle, and a fill-in field into which you can type in codes for Font Awesome icons
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.
• A label which reads Builder and a button labelled Click to Add New Item. You will need to Click to Add New Item every time you wish to create a new Accordion or Toggle

ARTICLE BOX OPTIONS

In the Article Box Options you will find:

• A label which reads Image with a Click to Upload Image button next to it
• Fill-in fields labelled Title, Contents, Button Text, and Button Link
• A label which reads Visual Effect with a Click to Change Effect button
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

BLOG OPTIONS

In the Breadcrumb Options you will find:

• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

BREADCRUMB OPTIONS

In the Breadcrumb Options you will fin:

• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

CALL TO ACTION OPTIONS

In the Call to Action Options you will find:

• A label which reads Title, with a fill-in field where you can type in text
• A label which read Label, with a fill-in field where you can type in text
• A label which reads Text Align with a pull-down menu with the options Left, Center, and Right
• A fill-in field labelled Button Link, into which you can enter a hypertext link
• A fill-in field labelled Button Title, into which you can type the name you want for your Button
• A fill-in field labelled Font Icon, into which you can type in codes for Font Awesome icons
• A label which reads Show Border and a pull-down menu with the options Yes and No, allowing you to decide whether or not you want a visible border around the Call to Action box
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

CONTACT BOX OPTIONS

In the Contact Box Options you will find:

• A label which reads Title, with a correspondent fill-in field where you can type in text
• A label which reads Address, with a corresponding fill-in field where you can type in an address. Please note that HTML tags are allowed
• A label which reads Description, with a corresponding fill-in field where you can type in a description
• A label which reads Text Align: Set Text Align: Left, Center, or Right with a pull-down menu with the options Left, Center, and Right
• Fill-in fields labelled E-mail, Phone, Skype, and Twitter, into which you can type your e-mail address, phone number, Skype and Twitter coordinates, respectively
• Margin setting options labelled Left Margin: Set Margin: Left, Top Margin: Set Margin: Top, Right Margin: Set Margin: Right, and Bottom Margin: Set Margin: Bottom with corresponding fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with the pull-down menu options Yes and No

COLUMN OPTIONS

In the Column Options you will find:

• A label which reads Column Content with a fill-in field where you can type in text
• A label which reads Text Align with a pull-down menu with the options Left, Center, and Right
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

COUNTERS & PIE CHARTS OPTIONS

Int the Counters & Pie Charts you will find:
• Title: A fill-in field where you can type in text in order to create a title.
• Title Font Size: A fill-in field where you can enter a numerical value in order to determine the font size in pixels (px).
• Layout Type: A drop-down menu with the options Boxed and Full Width.
• Margin setting options labeled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (px)
• On Show Effect: A drop-down menu with a list of options, e.g. Fade In, Rotate In, etc.
• Builder: A button labeled Click to add new item.

DIVIDER OPTIONS

In the Divider Options you will find:

• A label which reads Divider Height, with a corresponding fill-in field where you can determine the height of the Divider by number of pixels (px)
• A label which reads Show Divider Line with the pull-down menu options Yes and No
• A label which reads Divider Width with a pull-down menu which allows you to determine the width of the divider by percentage, ranging from 0% to 100%
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

ESSENTIAL GRID OPTIONS

In the Essential Grid options you will find:

• A label which reads Select Gallery with a pull-down menu from which you can select a custom gallery which you have created
• A label which reads Gallery Shortcode with a fill-in field where you can type in shortcodes
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width

ICON BOX OPTIONS

In the Icon Box options you will find:

• A label which reads Icon and a fill-in field into which you can type in codes for Font Awesome icons
• A label which reads Size and a pull-down menu with the options H1, H2, and H3
• A label which reads Title and a fill-in field into which you can enter text in order to create a title
• A label which reads Description and a fill-in field into which you can enter text in order to create a description
• A label which reads Button Text and a fill-in field into which you can enter text
• A label which reads Button Link and a fill-in field into which you can enter a hypertext link
• A fill-in field labelled Font Icon, into which you can type in codes for Font Awesome icons
• A label which reads Border and a pull-down menu with the options Yes and No
• A label which reads Visualisation and a pull-down menu with the options 1 Visualisation and 2 Visualisation
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

LISTS OPTIONS

In the Lists Options you will find:

• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Builder and a button labelled Click to Add New Item. You will need to Click to Add New Item every time you wish to create a new List.

IMAGE OPTIONS

In the Image Options you will find:

• A label which reads Image with a Viewer button next to it
• A label which reads Title, with a fill-in field where you can type in text to create a title
• A label which reads Description, with a fill-in field where you can type in a description
• A label which reads Title Top/ Bottom with a pull-down menu with the options Top, Bottom, and On Image
• A label which reads Visual Effect with a Click to Change Effect button next to it
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

MAP OPTIONS

In the Map Options you will find:

• Two labels which read Google Maps Lat and Google Maps Lng each with fill-in fields where you can enter the latitude and longitude of your desired coordinates. Please note that the map will only appear if the fields are filled in correctly
• A label which reads Zoom and a fill-in field
• A label which reads Height, with a fill-in field where you can adjust the height in pixels (or px)
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

PHOTO BOX OPTIONS

In the Photo Box Options you will find:

• A label which reads Image and a button labelled Browse. Clicking Browse will bring up a window with three tabs, labelled from left to right From Computer, From URL, and From Library. From Computer will allow you to select files your computer for images by clicking the button labeled Select Files or by dragging and dropping them into the drag and drop field. From URL will allow you to insert media from another website. From Library will allow you to select an image from your media library.
• A label which reads Title with a fill-in field where you can type in text
• A label which reads Title Top Position and a fill-in field where you can determine the Title’s top position alignment in pixels (or px, for short)
• A label which reads Title Left Position and a fill-in field where you can determine the Title’s left position alignment in pixels (or px, for short)
• A label which reads Description and a fill-in field where you can type in text
• A label which reads Description Top Position and a fill-in field where you can determine the Description’s top position alignment in pixels (or px, for short)
• A label which reads Description Left Position and a fill-in field where you can determine the Description’s left position alignment in pixels (or px, for short)
• A label which reads Button Text and a fill-in field into which you can enter text
• A label which reads Button Link and a fill-in field into which you can enter a hypertext link
• A label which reads Button Top Position and a fill-in field where you can determine the Button’s top position alignment in pixels (or px, for short)
• A label which reads Button Left Position and a fill-in field where you can determine the Button’s left position alignment in pixels (or px, for short)
• A label which read Text Font Color and a Color Picker which allows you to choose the font color of your choice
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

SOCIAL MEDIA OPTIONS

In the Social Media options you will find:

• Font Size: A drop-down menu with the options Normal Size, x2, x3, x4, and x5.
• Fill-in fields labeled Skype, LinkedIn, Vimeo, Google+, Facebook, Twitter, Youtube, into which you can enter social media links.
• Text Align: A drop-down menu with text alignment options Left, Center, Right, and Justify
• Margin setting options labeled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (px)
• Layout Type: A drop-down menu with the options Boxed and Full Width.
• On Show Effect: A drop-down menu with a list of options, e.g. Fade In, Rotate In, etc.

OUR TEAM OPTIONS

In the Our Team options you will find:

• A label which reads Image with a Viewer button next to it
• A label which reads Name with a fill-in field where you can type in text
• A label which reads Position with a fill-in field where you can type in text
• Fill-in fields labelled Email and Phone into which you can type your email address and phone number
• A label which reads Text Align with a pull-down menu with the options Left, Center, Right, and Justify
• Fill-in fields labelled Skype, LinkedIn, Vimeo, Google+, Facebook, Twitter, and YouTube into which you can type in coordinates to your social media profiles
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

RECENT POSTS OPTIONS

In the Recent Posts Options you will find:

• A label which reads Number of Posts and a fill-in field where you can determine the number of posts by typing in a numerical value
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

REVOLUTION SLIDER OPTIONS

In the Revolution Slider Options you will find:

• A label which reads Revolution Slider with a pull-down menu with which you can Select Slider and choose a slider from a list
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width

TESTIMONIALS OPTIONS

In the Testimonials options you will find:

• Category: A drop-down menu with category names. You can select category you want display or just select ALL to display all of them.
• Category Excluded: A fill-in field where you can exclude unwanted category, just put unwanted category number.
• Margin setting options labeled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (px)
• Layout Type: A drop-down menu with the options Boxed and Full Width.
• On Show Effect: A drop-down menu with a list of options, e.g. Fade In, Rotate In, etc.

TEASER BOX OPTIONS

In the Teaser Box Options you will find:

• A label which reads Image and a button labelled Browse. Clicking Browse will bring up a window with three tabs, labelled from left to right From Computer, From URL, and From Library. From Computer will allow you to select files your computer for images by clicking the button labeled Select Files or by dragging and dropping them into the drag and drop field. From URL will allow you to insert media from another website. From Library will allow you to select an image from your media library.
• A label which reads Icon and a fill-in field into which you can type in codes for Font Awesome icons
• A label which reads Title, with a fill-in field where you can type in text
• A label which reads Description, with a fill-in field where you can type in a description
• A label which reads Button Text and a fill-in field into which you can enter text
• A label which reads Button Link and a fill-in field into which you can enter a hypertext link
• A label which reads Visualisation and a pull-down menu with the options Image - Top, Image - Left, and Image - Right
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

TITLE CONTENT OPTIONS In the Title Content Options you will find:

• A fill-in field labelled Font Icon, into which you can type in codes for Font Awesome icons
• A label which reads Title Content with a fill-in field where you can type in text
• A label which reads Text Align with a pull-down menu with the options Left, Center, Right, and Justify
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

VIMEO VIDEO OPTIONS

In the Vimeo Video Options you will find:

• A label which reads Vimeo Video ID with a fill-in field where you can enter your Video ID. The Vimeo Video ID is placed in every Vimeo video link after vimeo.com for example: http://vimeo.com/22564317
• A label which reads Height, with a fill-in field where you can adjust the height in pixels (or px)
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.

YOUTUBE VIDEO OPTIONS

In the YouTube Video options you will find:

• A label which reads YouTube Video ID with a fill-in field where you can enter your Video ID. The YouTube Video ID is placed in every YouTube video link after v= parameter, for example: http://youtube.com/watch?v=ErvgV4P6Fzc
• A label which reads Height, with a fill-in field where you can adjust the height in pixels (or px)
• Margin setting options labelled Left Margin, Top Margin, Right Margin, and Bottom Margin with fill-in fields where you change the margin setting by entering a number, which will determine the alignment by number of pixels (or px, for short)
• A label which reads Layout Type and a pull-down menu with the options Boxed and Full Width
• A label which reads On Show Effect with a list of pull-down menu options, e.g. Fade In, Rotate In, etc.


A breadcrumb, also known as a breadcrumb trail, is a useful navigational tool commonly used in user interfaces. We have made it available for your use with our Xpert Theme.

There are two ways to activate breadcrumbs in Xpert. The first option is by way of creating a new breadcrumb box in the GeeSoft Page Builder.

The second option is to scroll down past the bottom of the GeeSoft Page Builder where you will find a pull-down menu labelled “Show breadcrumb” with the options Yes and No. Select Yes to activate breadcrumb.

BREADCRUMB- CHANGING FONT AND BACKGROUND COLOR
In order to change the background or font color of your breadcrumb go to Geesoft Theme Options (Appearance> Geesoft Theme Options> Colors- Content).


WIDGETS

A widget is a tiny, stand-alone application with restricted functionality. A widget can be installed and executed within a web page such as ones that can be created using Xpert Theme.

To access widgets in Xpert, from the Dashboard go to Appearance>Widgets. Widgets can be displayed either in sidebars (Left Widget Area, Right Widget Area) or at the bottom of the page ( Footer Widget Area 1-4). Widgets displayed at the bottom of the page cannot exceed a maximum of four, but can be a combination of any four of the widgets available for use.

There are a total of six Widget Areas. They are:

1. GeeSoft Left Widget Area
2. GeeSoft Right Widget Area
3. GeeSoft Footer Widget Area 1
4. GeeSoft Footer Widget Area 2
5. GeeSoft Footer Widget Area 3
6. GeeSoft Footer Widget Area 4

ADDING WIDGETS

Adding widgets is pretty simple. For example, if you wanted to add the Essential Grid Widget to GeeSoft Left Widget Area you have to select Essential Grid, which will open a drop-down list. Select GeeSoft Left Widget Area from the drop-down list and click the Add Widget button.


In order to activate the sidebar on your page you will need to scroll down past the bottom of the GeeSoft Page Builder where you will find a pull-down menu labelled “Show Sidebar” with the options Default, None, Left, and Right.

In order to define the Default setting, you need to go to Geesoft Theme Options> Layout- General and select None, Left, or Right from the pull-down menu labelled Sidebar.


SIDEBAR FOR BLOG (POSTS)

In order to activate the sidebar on your blog you will need to go to Geesoft Theme Options> Layout- General and select None, Left, or Right from the pull-down menu labelled Sidebar blog (posts).


REVOLUTION SLIDER

WordPress’ Revolution Slider is a versatile slide-displaying tool which allows you to show off almost any type of content through extremely customizable visual effects, transitions, and animations.

There are two ways to activate the Revolution Slider in Xpert.

The first option is by way of creating a new Revolution Slider box in the GeeSoft Page Builder.

The second option is to scroll down past the bottom of the GeeSoft Page Builder where you will find a pull-down menu labelled “Revolution Slider”. From this pull-down menu you will be able to select sliders which you have created previously. You need to use the second option in order to be able to display the menu bar over the Revolution Slider in the Modern Large and Full Screen headers.


PLUGINS

GeeSoft’s Xpert makes use of several useful WordPress plugins. These plugins are Contact Form 7, Essential Grid and Revolution Slider and are included with your purchase.


In order to customize Headers, from the Dashboard go to Appearance>Geesoft Theme Options> Layout-Header


The Xpert Theme footer is divided into three separate sections, which appear in horizontal layers. From top to bottom, they are Widgets, Menu, and Copyright Info.


BLOG

In order to create a blog simply create a new page by going to Pages > Add New and give the new page a title, e.g. My Blog. Go to the Geesoft Page Builder and create a new section. You do this by pressing the Add New Section button. In that section select the Add New Item button and from boxes list please choose BLOG. In the bottom of the section, you will find Page options, which include Show Comments and Show Sidebar. With these options you can decide whether you want your blog to be full width or whether you would prefer to have on the left or the right as a sidebar. If a blog with a sidebar of its own, select the right sidebar for your page.

Once you are all finished, click the Publish button located on the right hand side.

Adding new posts works in a similar fashion to the standard WordPress Posts>Add New. New posts will appear on the page which you have already created.
Use featured image in order to add images for posts.
For further information about creating posts go to http://en.support.wordpress.com/posts/.


THEME VISUALIZATION

Under Geesoft Theme Visualization Options you will find a pull-down menu with four visualizations from our demos.


DEMO CONTENT

Simply go to Appearance>Geesoft Theme Import Demo and select the files which you would like to upload using the Import button. Next to the import button is a pull-down menu with the options All Content, Pages, and Options.


Xpert Documentation - Premium Theme For WordPress