Documentation

Installation

Follow all steps to at its best the demo content

  • Extract the file package dowloaded from Theme Forest.
  • Open your backend and click on Appearance > Themes >  Add New > and upload the theme zip extracted from your remote folder.
  • When the theme is uploaded active it.
  • Install and active all plugins required from notice above ( if you want build your site as the demo ) .
  • Anyway the installation of some plugin is optional.
  • Click on Tools > Import > Install Importer of WordPress > and upload the demo data xml inside the package downloaded.
  • Select all fields and run the uploading of all data. Waiting some minutes for this operation.
  • After finish uploading, click on Settings > Reading > and set your static page as Home.
  • Then click always on Settings > Permalinks and set the Post Name permalinks ( SEO Optimization ).
  • Click on Appearance > Menus > Create a New Menu > and set the Theme Location for this menu.
    If you want create a menu different from demo, drag and drop your pages into a new menu.
  • Click on Slider Revolution ( if you have installed it ) > Import Slider > and upload the file zip from package.
  • Install Widget Importer & Exporter from plugins page to upload the widgets demo ( optional ).
    So click on Plugins > Add New > searching for Widget Importer & Exporter and install it.
  • After installing plugin active it and upload the demo data from package.
  • Click on Visual Composer > Role Manager > and select the Post Type > Custom then check all and save.

It’s all. You have just set the demo theme. Have Fun!

Theme Options

These options are the global settings of the theme, anyway you could overwrite these ones changing the settings of each singular page.

General Options

Click on Higgs > to customize some extra options.

  • Switch on/off the admin bar when you are logged.
  • Set the frame border color ( white, black or theme color ).
  • Set the the loader mode ( enable on all site, only on home or disable ), the loader delay ( time to loading )  and the loader image.
  • Swith on/off the link button ( the icon placed on the bottom left ), change the color icon and set the visibility on mobile.
    Then set all your custom links putting a label and a url value.
Styling Options

Click on Higgs > Styling to customize the font and color of the site.

  • Set the color of the theme.
  • Set the body ( page ) background, body ( page ) text color.
  • Set the body font-size, font-weight, letter-spacing and text-transform.
  • Set the menu font.
  • Set the primary font ( the font for titles and captions ).
  • Set the secondary font ( the font for excerpts and contents ).
  • Set the menu font style (font-size, font-weight, letter-spacing and text-transform) for Main Menu, Sub Menu and Mobile Menu.
  • Set the headings ( h1, h2, h3, h4, h5, h6 ) font style and color.
  • Set the extra headings ( font xxs to font xxl ) font style. You could use extra headings in the blocks composer.
  • If you have set the mega menu in the menu of wordpress, you can choose the columns layout too.
Header Options

Click on Higgs > Header to customize the header of the site.

  • Set the type header ( wide, centered menu or collapse ).
  • Set the background header bar.
  • Set the menu items color.
  • Set the position of the header ( fixed , static – before content ) or absolute – over the content ).
  • Switch on/off the search icon ( the icon placed on the top left ) and set the icon color.
  • Upload the logo of the site. Anyway this one could be changed in each pages.
  • To set the Favicon use the customizer of the WordPress. Click on Appearance > Customize > Site identity and upload your icon.
Page Options

Click on Higgs > Pages to customize the simple page.

  • Switch on/off the heading ( the part of the page which contains the title and the image preview ).
  • Set the height of the heading.
  • Set the overlay color for cover the image preview.
  • Set the alignment text ( title and subtitle ).
  • Set the divider style ( separator between title and subtitle ).
  • Set the content outer background ( page background ).
  • Set the content inner background ( text backgorund ).
  • Set the content padding ( content text spacing ).
  • Switch on/off comments page.
  • Switch on/off social share ( facebook, google+, twitter, pinterest ).
  • Switch on/off sidebar and choose the sidebar position. After choosing the position, select the sidebar type.
Post Options

Click on Higgs > Post to customize the post page.

  • Switch on/off the heading ( the part of the post which contains the title and the image preview ).
  • Set the height of the heading.
  • Set the overlay color for cover the image preview.
  • Set the alignment text ( title and meta ).
  • Set the divider style ( separator between title and subtitle ).
  • Set the content outer background ( page background ).
  • Set the content inner background ( text backgorund ).
  • Set the content padding ( content text spacing ).
  • Switch on/off the posts navigation.
  • Switch on/off the comments post.
  • Switch on/off the author box.
  • Switch on/off social share ( facebook, google+, twitter, pinterest ).
  • Switch on/off sidebar and choose the sidebar position. After choosing the position, select the sidebar type.
  • Switch on/off the related posts.
  • Set the layout type for the related ( grid or masonry ). If you select grid, you can set also the height of the thumbnail.
  • Set the layout columns ( from 2 to 4 ).
  • Switch on/off the animation.
  • Set the title size for the post.
  • Switch on/off meta ( date and category info ).
  • Switch on/off the excerpt. If it’s enabled you can set the lenght ( characters ) of it.
  • Switch on/off the thumb preview. If it’s disabled you will display only the caption( feed mode ).
Project Options

Click on Higgs > Project to customize the project page.

  • Switch on/off the heading ( the part of the post which contains the title and the image preview ).
  • Set the height of the heading.
  • Set the overlay color for cover the image preview.
  • Set the alignment text ( title ).
  • Set the divider style ( separator between title and subtitle ).
  • Switch on/off the projects navigation.
  • Switch on/off the related posts.
  • Set the layout type for the related ( grid or masonry ). If you select grid, you can set also the height of the thumbnail.
  • Set the layout columns ( from 2 to 4 ).
  • Switch on/off the animation.
  • Set the title size for the post.
  • Switch on/off the thumb preview. If it’s disabled you will display only the caption( feed mode ).
Archive Options

Click on Higgs > Archives to customize the date, category and tag page ( in blog posts mode ).

  • Set the layout type for the related ( grid or masonry ). If you select grid, you can set also the height of the thumbnail.
  • Set the layout columns ( from 2 to 4 ).
  • Switch on/off the animation.
  • Switch on/off the pagination posts.
  • Set the title size for the post.
  • Switch on/off meta ( date and category info ).
  • Switch on/off the excerpt. If it’s enabled you can set the lenght ( characters ) of it.
  • Switch on/off the thumb preview. If it’s disabled you will display only the caption( feed mode ).
Search Options

Click on Higgs > Search to customize search page ( in blog posts mode ).

  • Set the layout type for the related ( grid or masonry ). If you select grid, you can set also the height of the thumbnail.
  • Set the layout columns ( from 2 to 4 ).
  • Switch on/off the animation.
  • Switch on/off the pagination posts.
  • Set the title size for the post.
  • Switch on/off meta ( date and category info ).
  • Switch on/off the excerpt. If it’s enabled you can set the lenght ( characters ) of it.
  • Switch on/off the thumb preview. If it’s disabled you will display only the caption ( feed mode ).
404 Options

Click on Higgs > 404 to customize the error page.

  • Set an image as hero background ( background full screen ).
  • Set an overlay color ( background over the image ).
  • Set the text alignment ( title, overtitle and subtitle ).
  • Set the overtitle text and style.
  • Set the title text and style.
  • Set the subtitle text and style.
  • Set the divider style ( color, size and border style ).
  • Set the button style ( background, size and color ) to come back to home.
Footer Options

Click on Higgs > Footer to customize the bottom of the site.

  • Switch on/off widget footer area. If you enable widgets click on appearance > widgets to fill the sidebars.
  • Set the background footer ( black, white or theme color ).
  • Upload a logo for footer.
  • Switch on/off the social links.
  • Set social links background area, the icon color and icon size.
  • Set what link you want display putting your urls in the social fields below. The fields empty will not be displayed.
  • Set a text for the copyrights and set the color for it.
  • Switch on/off the button to top page.

Page Options

To create a new page click on Pages > Add New and set the page model template between ‘Default Template‘ or ‘Page Composer‘.
Use the Default Template to write your content in the Visual area text. Or use the Page Composer to build your page with the composer blocks.
If you use the Default Template, the page width will be boxed, otherwise if you use Composer the page width will be full.

Use the options panels below and to the right of the content to overwrite the Global Page Options.

Uncheck Global fields to edit the options for the current page.

Featured Image

Use the panel to the right of the content page to upload your custom image preview and use it as header for the current page.

OnePage Options
  • If you have set Page Composer. You will enable the panel for OnePage mode for the current page.
  • Active it and after saving the page click on Appearance > Menus > Create a new menu, drag and drop your custom links with # ( slash prefix ) and then click on OnePage Menu in the checkfield for Theme Location. Read the sections about blocks composer to understand better the use of this feature.
  • Remember that you can use only one OnePage for your site.
Header Options

Uncheck Global and set your custom header. Change background, menu color, header style and position for the current page.

Heading Options

If you have put a dark image as background heading in the Featured Image, uncheck Global, then set an overlay white and set titles black ( title and overtitle ).

Content Options

Uncheck Global and edit your custom content style for the current page. Change background inner and outer of the text or change padding around the content text.

Footer Options
  • Uncheck Global and set your custom footer. Switch on widgets if you want display the widgets area footer in the current page.
  • After saving the page click on Appearance > Widgets and fill the sidebars ( Footer 1-4 ) with your favorites widgets.
Social Options

Uncheck Global to unset social share links on the bottom of the current page.

Sidebar Options
  • Uncheck Global to change the sidebar position and select your favorite sidebar for the current page.
  • After saving the page click on Appearance > Widgets and fill the sidebar ( selected in the page ) with your favorites widgets.
Links Options

Uncheck Global to unset link icon on the bottom left of the page or change only the icon color.

Post Options

To create a new post click on Posts > Add New and create your first article for the blog page.
Use the options panels below and to the right of the content to overwrite the Global Post Options.

Uncheck Global fields to edit the options for the current post.

Categories and Tags
  • Use the categories and tags panels to add some specific taxonomy at the current post.
  • If you add categories and tags, the post will be easier to search on Google. ( SEO optymization ).
Excerpt
  • To enable this custom field, click on label on top of the page Screen Options. The field will show at the end of the page.
  • Use this textarea field to add a brief sum up of the article. This excerpt will be displayed in the blog and archive page.
Featured Image

Use the panel to the right of the content post to upload your custom image preview and use it as header for the current post.

Header Options

Uncheck Global and set your custom header. Change background, menu color, header style and position for the current post.

Heading Options

If you have put a dark image as background heading in the Featured Image, uncheck Global, then set an overlay white and set titles black ( title and meta ).

Content Options
  • Check Composer Content to enable the Visual Composer mode for the current post. If you check it you could use the blocks composer to build your post easier and faster.
  • Uncheck Global and edit your custom content style for the current post. Change background inner and outer of the text or change padding around the content text.
Footer Options
  • Uncheck Global and set your custom footer. Switch on widgets if you want display the widgets area footer in the current post.
  • After saving the page click on Appearance > Widgets and fill the sidebars ( Footer 1-4 ) with your favorites widgets.
Social Options

Uncheck Global to unset social share links on the bottom of the current post.

Sidebar Options
  • Uncheck Global to change the sidebar position and select your favorite sidebar for the current post.
  • After saving the post click on Appearance > Widgets and fill the sidebar ( selected in the post ) with your favorites widgets.
Links Options

Uncheck Global to unset link icon on the bottom left of the post or change only the icon color.

More Options

Click on Higgs > Posts and edit the general post options. For ex. set the Related layout for the blog page.

Blog Page

  • To create the blog page, create a new page and add a title, ex. ‘Blog’.
  • After saving the page, click on Settings > Reading > and select the page just created as post page, then save.
  • Remember to create some posts first…

To customize the layout of the blog page, use the global options. Then click on Higgs > Archives > and change what you want as described above.

Project Options

To manage the projects remember to install the Higgs CPT plugin first!
To create a new project click on Project > Add New and create your first project for the portfolio page.
Use the options panels below and to the right of the content to overwrite the Global Project Options.

Uncheck Global fields to edit the options for the current post.

Featured Image

Use the panel to the right of the content project to upload your custom image preview and use it as header for the current project.

Header Options

Uncheck Global and set your custom header. Change background, menu color, header style and position for the currentproject.

Heading Options
  • If you have put a dark image as background heading in the Featured Image, uncheck Global, then set an overlay white and set titles black ( title and meta ).
  • Uncheck Heading checkfield to disable the default layout for the heading and use Visual Composer block to build your custom heading for the current project.
Footer Options
  • Uncheck Global and set your custom footer. Switch on widgets if you want display the widgets area footer in the current project.
  • After saving the project click on Appearance > Widgets and fill the sidebars ( Footer 1-4 ) with your favorites widgets.
Links Options

Uncheck Global to unset link icon on the bottom left of the project or change only the icon color.

More Options

Click on Higgs > Projects and edit the general project options. For ex. set the Related layout for the portfolio page.

Portfolio Page

  • To create a portfolio page, create a new page and add a title, ex. ‘Portfolio’.
  • Then set the page as Composer Page to build the page with visual composer blocks.
  • Add a block Portfolio in the composer area, then set all you want and save the page. To understand better the use of this block, read te section related.
  • Remember to create some projects first…

Visual Composer

To build your layouts with Composer Blocks, create a new page and set it as ‘Composer Page‘ model. 
Then start to include your blocks in the backend editor of the page.
Remember that this version of Visual Composer it has been edited and improved for this specific theme, so some original features could not be presents.

Row

This element is the most important block of Composer, this is a main of each block because you can add inside it any other block and divide it in columns.
Row has many important settings ( click button on top right ) to build at its best your layout.

  • Switch on/of the boxed container ( full or narrow ).
  • Set the full height section. Check it to set an hero full screen section.
  • Switch on/off equal height. Check it to set two column at the same height.
  • Set the content position. To set the position inside column.
  • Set a video YouTube as background. Use the url YT to add your video.
  • Set a background parallax ( uploading an image as background ) and set the parallax speed.
  • Set an overlay colored on the row. Choosing between different gradients ( black, white or color theme ).
  • Set an ID at the row. Fill this field to use it as anchor for your OnePage menu.
  • Add an extra class or multiple class by space separated to add more styles at the row.
  • In adding use the tab design options to add your custom paddings, margins, borders or background.

You can also include a row inside another row. But the row inner has less features of the main row. Its works like a column.

Column

This element is a part of row. Use row settings ( the button on top left ) to divide the row in different columns.
The columns is the second most important element in Composer and has many important settings. You can include inside any other elements.

  • Set the text alignment inside.
  • Set the min height. Use the heights ( px ) presets.
  • Add a dot and its position. Improve the graphic of your site.
  • Set an animation. To animate the content inside.
  • In adding use the tab design options to add your custom paddings, margins, borders or background.
  • Use the tab responsive options to custom the responsive view.
Space

This is a simple element to add a custom space inside your layout. Include it between two elements.

Separator

This is a simple element which add a break line when positioned.

  • You can set the color, the style border ( dashed, solid or dotted ), the width ( from 30px to 90px ) and the margin around it
  • Use this one between texts elements.
Heading

This element adds an overtitle , a title and a subtitle.

  • You can set any typo for these three elements ( font-size, font-weight, letter-spacing, text-transform and color ).
  • In adding you can also active a separator between the elements and set the style of it ( color, size and style ).
  • Moving through the tabs to custom set your heading block. Use it as the header of your custom section.
Callout

This element adds an overtitle, a title, a subtitle and a button.

  • The element is similar at an heading element but also include a button below the texts
  • Edit the button changing the color, the background, the size and border style.
  • Use this element to create a callout section, heading plus button.
    Include it in a row setting a background parallax and adding an overlay colored.
Statements

This element adds multiple text rows

  • For each statement it’s possible to customize what you want.
  • Edit typo changing font-size, font-weight, text-transform, color, alignment, letter-spacing.
  • Set the visibility on mobile ( between different views ).
  • Set a specific animation, adding a type animation and setting a delay value to initialize it.
    Use this element to create your custom headings inside your hero section.
Caption

This element prints a custom title.

  • Customize your title editing typo changing font-size, font-weight, text-transform, color, alignment, letter-spacing.
  • Switch on/off a border and stylish what you want ( color, border style, and border padding ).
    Use it to create a section parallax with a caption title inside.
Service

This element creates an icon with title and excerpt.

  • Customize what you want: icon, title and excerpt.
  • Set the icon to show between an huge set.
  • Set the icon color, background, size and switch on/off the border. Set also the shape icon and border icon style.
  • Set the typo for title ( font-size, font-weight, text-transform, color, alignment, letter-spacing ).
  • You can switch on/off a divider below title and set the divider style.
  • Set the excerpt and color.
    Use this element in column to create your custom service box.
Button

This element creates a custom button.

  • Set the style of your button.
  • Set color, size, border style and color, background and linking mode.
  • Use mode external to link at an external page.
  • Use mode scroll to to link at an internal section of the current page.
  • If you choose the ‘scroll to’ mode, put the section you want linking ( without adding # ), this must be the ID of the section ( ID written in the row setting ).
  • In adding choosing ‘scroll to’ mode, you can set a specific icon and set the shape circle.
    Use the button ‘scroll to’ inside an hero screen section to scroll down at the section below.
  • If you choose ‘external mode’ you must simply add a custom link using the link field of composer.
  • Click on the extra tab to customize the view on mobile or adding an animation at the current button.
Icon

This element creates an icon as button.
This element is similar at a button element but use icon style instead of a rectangle button. 

  • Customize all you want.
  • Set color, size, border style and color, background, shape circle and linking mode.
  • Use linking mode as described in the button paragraph above.
    Do not set linking mode, if you want use the icon element as a simply graphic element.
Tabs

This element creates multiple tabs text.

  • Choosing between 2 type: horizontal title list or vertical title list.
  • Use the tab tabs to adding your tabs.
  • Set a title and the text content in the textarea.
  • Add more tabs that you want.
  • Set the title style ( font-size, font-weight, text-transform, color, alignment, letter-spacing ).
  • Set the border bottom of the title ( border color, and border style ).
Bars

This element creates a list of skill bars.

  • Set a label and a numeric percentage value for each skills.
  • Set the custom style for label ( font-weight, text-transform, color, alignment, letter-spacing ).
  • Set the background color for each bars.
  • In adding you can also active an animation delay.
    Use bars to create you custom skill bars section.
Portfolio

This is one of the most important element in composer. Use it to build your custom portfolio grid.
Customize what you want with this element: type, grid,  filters, caption, animation and much more..

  • Switch on/off an heading ( will be printed on the top left ), and set any style typo ( font-weight, text-transform, color, letter-spacing )..
  • Adding an heading you can set a title, a subtitle and adding a separator between them.
  • Set the query to choose what items will be displayed in the grid.
  • Set the type of grid between: simple grid ( thumbs with the same height ), masonry ( thumbs with different heights ) and metro style ( random thumbs with double size ).
  • If you choose the grid layout, you can also set the thumbs in square shape.
  • Set the category filter, or include a specific set of items adding the IDs ( comma separated ).
  • Set the limit of items to show ( leave empty to show all ).
  • Set the order ( data, title, modified date,  random or slug ).
  • Set the order directions ( ascendent or descendent ).
  • Set the number of items to show per row ( set column from 2 to 4 ).
  • Set the gap between items ( padding in px ).
  • Switch on/off filters label and set the style ( will be show on top right ). If you have disabled the heading, the filters will be shown in line at the center.
    The filters label as many as the number of categories of projects displayed.
  • Set caption options switching on/off the meta info and styling theme.
  • Set the position of caption checking center position ( x and y ) and choose an animation in.
  • Set the typo for title project editing: font-weight, font-size, text-transform, color and letter-spacing.
  • Set an overlay background choosing different gradient colors.
  • Switch on/off frame shape caption mode. If you active it the caption will have a padding of 10px to the border of thumb.
  • Switch on/off the crop on image. Choose this option if your image uploading are quite large.
  • Switch on/off the zoom when over the image.
  • Set an animation delay.
  • Add a dot graphic element.

Use this element in a new page to create your custom portofolio page.
Remember to create some projects first to editing the portfolio block.

Blog

This is another important element in composer. Use it to build your custom blog grid.
Customize what you want with this element: type, grid, thumb, excerpt, animation and much more..

  • Set first the type of blog layout between: grid ( thumbs with the same height ), masonry ( thumbs with different heights ), packery ( mix of vertical and horizontals boxes ) and slider mode.
  • If you set grid, masonry or packery type, you can choose the columns ( from 1 to 4 ).
  • Meanwhile if you choose slider mode, will appear all options to customize the slider ( autoplay, infinite loop, active dots, pause on hover, speed between slides, items to slide and columns ).
  • Set the limit of items to show ( leave empty to show all ).
  • Set the order ( data, title, modified date,  random or slug ).
  • Set the order directions ( ascendent or descendent ).
  • Set caption options switching on/off the meta info and styling thee.
  • Set the typo for title project editing: font-weight, font-size, text-transform, color and letter-spacing.
  • Set separator ( between title and meta ) and set the style and color.
  • Switch on/off the excerpt. If you enable it you can set the max lenght ( in chars ).
  • Set the icon want display into the overlay thumb and set the background.
  • Set the height of thumb between different presets ( px ). Note this option works only for grid and packery mode.
  • Set the background overlay between different gradients.
  • Set the icon border over the when overlay is visible.
  • Switch on/off frame shape caption mode. If you active it the caption will have a padding of 10px to the border of thumb.
  • Set an animation delay.

Use this element in a new page to create your custom blog page.
Remember to create some posts first to editing the blog element.

Feeds

This element is similar to the blog but print only the caption text without image preview. Use it to build your custom editorial feeds grid.
Customize what you want with this element: type, grid, animation and much more..

  • Set first the type of feeds layout between: grid ( thumbs with the same height ) and slider mode.
  • If you set grid, you can choose the columns ( from 1 to 4 ).
  • Meanwhile if you choose slider mode, will appear all options to customize the slider ( autoplay, infinite loop, active dots, pause on hover, speed between slides, items to slide and columns ).
  • Set the limit of items to show ( leave empty to show all ).
  • Set the order ( data, title, modified date,  random or slug ).
  • Set the order directions ( ascendent or descendent ).
  • Set caption options switching on/off the meta info and styling theme.
  • Set the typo for title project editing: font-weight, font-size, text-transform, color and letter-spacing.
  • Set separator ( between title and meta ) and set the style and color.
  • Set the icon want display into the overlay thumb and set the background.
  • Set an animation delay.
Logos

This element creates a carousel of logos. Use it to create your custom carousel of partners.

  • Add multiple logos. Then upload your image as logo.
  • Set a link for each logo if you want linking it at an external page.
  • Set the box width for logo if you want add a border.
  • Then set the border style and color.
  • Set a padding box if you want change the dimension of logo box.
  • Then set your favorite parameters for slider.
Logo

This element is similar to Logos but prints one only logo block inside the column.

  • Upload the image logo
  • Set a link, border style and color and set padding box.
Counter

This element creates a progressive counter block. Use it if you want create your custom awards section.

  • Set the title of counter.
  • Set any typo for the title ( font-size, font-weight, text-transform, color, alignment, letter-spacing ).
  • Set color, font-size and font-weight for number value.
  • Set the parameters for counter. Set the start value, the end value and speed counter.
Pricing

This element creates a pricing table block. Use it to show the cost of some of your services.

  • Set the label for table and set your custom typo.
  • Set the price value, currency and typo for the value.
  • Adding a separator before the value. Then set the border style and color.
  • Set extra elements which icon table, an extra text and set the border box. You can stylish all of these elements.
  • Then add multiple features for your pricing block.
  • Adding also a button ( on bottom of the block ) to link the pricing table in an external page. You can stylish background, color, size and border.
    Use pricing inside a column. Create more pricings to create your pricing table.
Person

This element adds a singular perosn block. Include it in a column to create your custom profile section.

  • Upload and image as profile and set the size dimension to crop the image.
  • Set a name text and edit all typo you want ( font-size, font-weight, text-transform, color, alignment, letter-spacing ).
  • Set role for this person and edit all typo again.
  • Set up to 4 links and select one icon for each link. Use the links for socials or other. Put the correct absolute url in the relative field.
  • Select an overlay gradient to cover the photo on mouseover.
Team

This element adds multiple person block. Include it in a row to create your custom team slider.

To set the slider , set first multiple profile blocks.

  • Then upload and image as profile, a name text, a role for this person and set up to 4 links.
     Select one icon for each link. Use the links for socials or other. Put the correct absolute url in the relative field.
  • Set the typo for name and role.
  • Set all parameters to customize your slider.
  • Set a crop for the image profile.
  • Select an overlay gradient to cover the photo on mouseover.
Feature

This element create a feature info block with icon, title and subtitle.

  • Set an icon and set color and border, you can active also the shape circle.
  • Set a link if you want linking the icon to an external page.
  • Set a title of the block and edit all typo as you want. You can add also a separator below the title.
  • Then set a subtitle and change the typo.
  • Set the box width to enlarge the feature block.
Features

This element creates multiple feature boxes in carousel mode.

  • Set an icon, link, title and subtitle for each block.
  • Then set icon color, add a border and/or active the shape circle.
  • Set the typo for title as you want. You can add also a separator below the title.
  • Then set the typo for the subtitle.
  • Set the box width to enlarge the feature block.
  • Set some parameters to config your slider.
Quote

This element prints a blockquote

  • Switch on/off the photo. Then upload an image as face profile.
  • Write a quote and customize the typo.
  • Then set a name as author and edit the typo as you want.
Quotes

This element is similar to quote but this create multiple blockquotes in slider mode.

  • Add photo, text cite and name for each block.
  • Set the typo for quote and author label.
  • Then set the parameters for customize your slider.
Faq

This element adds a list of tabs in accordion mode.

  • Add multiple blocks to create your custom faq section.
  • Set a label as index tab.
  • Set the content area text.
  • Then you can set all typo that you want for label and his border bottom.
  • You can always drag and move the tabs.
Countdown

This element creates a countdown block. Use it to create your custom coming soon page.

  • Set the whole date ( the end date ): year, month, date using the correct format and use only integer values.
  • Use YYYY ( for the year ) , use MM )( for the month ) and use DD ( for the day ).
  • Set your custom format if you want change the output of the countdown. Read the official guide here.
  • Set the typo for the numbers ( size, color and weight ).
  • Set the all typo for labels.
  • You can also add an animation delay.
Gallery

This element creates your custom gallery. Use it to show a mosaic of photo.

  • Customize all you want with gallery settings.
  • Upload multiple photos.
  • Switch on/off the crop of image then set the width and height or let it real.
  • Set columns for the output layout and set the gap (px) between the thumbnails.
  • Switch on/of the lightbox. Check it if you want display the full image when click on thumbs.
  • Set the background overlay over the image choosing between different gradients.
  • Set the icon color and border ( the icon to open lightbox ).
  • Switch on/off the zoom on image when mouseover.
  • Switch on/off the shape circle for icon button.
Carousel

This element creates your custom gallery in carousel mode. Use it to show a slider of photos.
This element is similar to gallery but adds all images in the same row.

  • Upload multiple photos.
  • Set the width and height to crop the images.
  • Set all parameters to config the slider.
  • Set columns for the output layout and set the gap (px) between the thumbnails.
  • Switch on/of the lightbox. Check it if you want display the full image when click on slide thumb.
  • Set the background overlay over the image choosing between different gradients.
  • Set the icon color and border ( the icon to open lightbox ).
  • Switch on/off the zoom on image when mouseover.
  • Switch on/off the shape circle for icon button.
Slider

This element is similar to gallery but adds one only image per row.

  • Upload multiple photos.
  • Add a caption for each photo.
  • Switch on/off the crop then set width and height. Leave uncheck if you want use the original size of image.
  • Set typo for the caption included the background.
  • Set the position of the caption over the photo slide ( bottom , top or center ). Set column ( which contains the slider block ) align on ‘text center’ to show the caption on center row.
  • Set all parameters to config the slider.
  • Switch on/of the lightbox. Check it if you want display the full image when click on slide thumb.
  • Set the background overlay over the image choosing between different gradients.
  • Set the icon color and border ( the icon to open lightbox ).
  • Switch on/off the zoom on image when mouseover.
  • Switch on/off the shape circle for icon button.
Step

This element is similar to service but add a numeric index as label instead of an icon.

  • Customize what you want: index number, title and excerpt.
  • Set the number to show from 1 to 100.
  • Set the index color, background, size and switch on/off the border.
  • Set the typo for title ( font-size, font-weight, text-transform, color, alignment, letter-spacing ).
  • You can switch on/off a divider below title and set the divider style.
  • Set the excerpt and color.
    Use this element in column to create your custom step box.
Blockquote

This element creates a simple quote block. Use the blockquote in a single column.
This one is different from quote and quotes block because not include any image.

  • Write a quote and editing any typo you need for quote text.
  • Change background color to create different blockquotes.
  • Set the author, then edit any typo you want.
Image

This element adds a simple image on your column.

  • Upload your image.
  • Switch on/off the center mode.
  • Set the sizing mode: real ( original size, cropped or resized ).
  • If you choose crop o resize you must set the dimensions ( width and height ).
  • Add a link to image to linking to an external url.
  • Switch on/off the border. I you set it, you can set color, style and the padding box.
Item

This element create a custom item block. You can use this element to build your custom grid.
Add one block for each column. Adding and editing media, title, subtitle, button and much more..

  • Upload an image, then set the height of thumb.
  • Set the border box and editing the style.
  • Add a title and set any typo. You can also add a separator under the title.
  • Add a subtitle and set any typo.
  • Set a button and editing size, color, background and much more..
  • Select opening mode for thumbnail between link or lightbox.
  • If you set link you must only put an url.
  • If you set lightbox, you can choose the background overlay, the icon color and border.
  • You can also switch on/off shape circle for the icon.
  • Then set the margin around image and/or caption (texts elements), if you want add more spacing from border box.
Items

This element creates multiple custom items. You can use this element to build your carousel of items.
Adding and editing media, title, subtitle, button and much more..

Set for each block an image, a title, a subtitle and the link.

  • Set the border box and editing the style.
  • Add a title and set any typo. You can also add a separator under the title.
  • Add a subtitle and set any typo
  • Set a button and editing size, color, background and much more..
  • Set an height for the thumb.
  • Select opening mode for thumbnail between link or lightbox.
  • If you set link you must only put an url.
  • If you set lightbox, you can choose the background overlay, the icon color and border.
  • You can also switch on/off shape circle for the icon.
  • Then set the margin around image and/or caption (texts elements), if you want add more spacing from border box.
  • Set all slider parameters to build your custom carousel.
Timeline

This element creates a slider of blog posts. Use it to build your custom slider blog.
Customize what you want with this element: type, grid, thumb, excerpt, animation and much more..

  • Set the parameters for customize the carousel ( autoplay, infinite loop, active dots, pause on hover, speed between slides, items to slide and columns ).
  • Set the limit of items to show ( leave empty to show all ).
  • Set the order ( data, title, modified date,  random or slug ).
  • Set the order directions ( ascendent or descendent ).
  • Set caption options, switching on/off the meta info and styling them.
  • Set the typo for title project editing: font-weight, font-size, text-transform, color and letter-spacing.
  • Set separator ( between title and meta ) and set the style and color.
  • Switch on/off the excerpt. If you enable it you can set the max lenght ( in chars ).
  • Set the icon want display into the overlay thumb and set the background.
  • Set the date color and line ( timeline ) color and style. The date will be displayed over the block post. 
  • Switch on/off frame shape caption mode. If you active it the caption will have a padding of 10px to the border of thumb.
  • Set the height for thumbnails.
  • Set the background overlay between different gradients.
  • Set the icon border over the when overlay is visible.

Remember to create some posts first to editing the timeline element.

Sidebar

This element adds a sidebar block in your layout.

  • Choose the sidebar from your site to include your custom widgets in your column.
  • You can set one sidebar for block, but you can put multiple sidebars block one below the other.

Remember to add some widgets in the sidebar selected first. Use the widgets page of wordpress to include your widgets.

Contact Form

This element includes your custom contact form.
Use this element to create your contact page.

  • Set a title and select the form already created.
  • Create first a contact form, then click on Contact > Add New.
  • Follow the official guide here

Remember to install the Contact Form plugin first.

Text Block

This element is a basic block of composer. Use it to create your custom content text.
You can use the wordpress content area to formatting your text.

Raw HTML

This element is a basic block of composer. Use it to create your custom html text.
You can use all html tags inside the content area.

Raw JS

This element is a basic block of composer. Use it to add your custom javascript code.
Follow the placeholder text to start to use it.

Revolution Slider

Use this element to include your slider already created.

  • To create your slider click on Slider Revolution > New Slider.
  • Follow the official guide here.

Remember to install the plugin first..

Google Maps

This elements creates your custom google map. Use it to build your custom contact page.

  • You can set the center map, and the markers on the map.
  • You can switch on/off a lot of options : mouse wheel, drag, zoom, pan moving, dimension, style map and much more..
  • Consult the official page of this plugin here.

Widgets

The theme includes four adding widgets: Posts, Projects, Gallery Posts and Gallery Projects.
Use them to create your custom sidebar blog or portfolio. Include them in your sidebar, then save the widget.
To show the sidebar in your page or post, read the chapter relative to Page and Post, to understand how to set a layout with sidebar.

Higgs Posts

This widget create a list of posts with text and thumbnail.

  • Set a title, choose the number of posts to show, set a category and set the query to order the post.
  • You can choose between random, creation date, modified date, comment and slug ordering.

Remember to create some posts first..

Higgs Projects

This widget create a list of projects with text and thumbnail.

  • Set a title, choose the number of projects to show, set a category and set the query to order the post.
  • You can choose between random, creation date, modified date, comment and slug ordering.

Remember to create some projects first..

Higgs Posts

This widget create a list of posts with text and thumbnail.

  • Set a title, choose the number of posts to show, set a category and set the query to order the post.
  • You can choose between random, creation date, modified date, comment and slug ordering.

Remember to create some posts first..

Higgs Gallery Posts

This widget create a mosaic of posts.
This widget is similar to the Higgs Post, but this not show any title or meta.

  • Set a title, choose the number of post to show, set a category and set the query to order the post.
  • You can choose between random, creation date, modified date, comment and slug ordering.

Remember to create some post first..

Higgs Gallery Projects

This widget create a mosaic of projects.
This widget is similar to the Higgs Project, but this not show any title or meta.

  • Set a title, choose the number of projects to show, set a category and set the query to order the post.
  • You can choose between random, creation date, modified date, comment and slug ordering.

Remember to create some projects first..