Page Layout and Content with Builder

With Builder you can create awesome layouts on your web pages in just minutes.

https://www.youtube.com/watch?v=_AsoMMYqf_g

After watching the Themify Builder video above, you should have a general idea of how and when to use the Builder tool. It is great at quickly creating feature-rich pages and layouts. For simple layouts you may type directly into the basic Editor. Read more about page layout with the basic Editor →

Top

How To Enable the Builder tool

You can enable the page builder on any page or post via either the live web page (frontend) or the admin Pages or Posts area (backend) when logged in.

Live Web Page (frontend)

To enable the Themify Builder from the frontend, you can select “Turn On Builder” from the Themify Builder menu in the admin top bar on any post/page when logged in to the site.

screenshot

 

Admin Page/Post Area (backend)

To use the Themify Builder from the backend, create or edit a page/post, and in the Themify Custom Panel select the Themify Builder tab.

screenshot

You can now add modules to the various grid areas by dragging and dropping modules from the top panel or clicking the grey ‘+’ icon.

Builder Grids/Columns

The builder system is made up of grid areas, to which you can add modules.

To add a new grid area, simply add a module from the module panel – via either drag and drop or by clicking the ‘+’ icon on the module type – to an empty grid area, as shown:

screenshot

screenshot

Grids can be set to have a number of columns, up to a maximum of 4, which you can customise by dragging the column dividers as shown below:

screenshot

screenshot

These columns will be used for adding modules, with the possibility of adding modules to each column.

The maximum number of columns is 4, and columns can be merged by dragging the divider between the columns, or new columns can be added by dragging the divider on the right.

Modules

Modules are the various elements you can add to your posts/pages via the Themify Builder, they comprise various types of content such as menus, content boxes, posts, etc. You can find a complete list of module types here.

Adding Modules

Modules can be added from either the backend or the frontend interface, and in both instances modules can be added by either dragging and dropping the module type from the modules panel to a grid area or by clicking the ‘+’ button on the module.

BACKEND: Adding from the backend is done in the Themify Custom Panel from within the Themify Builder tab:

screenshot

FRONTEND: Adding from the frontend is done from the module panel at the bottom of the screen, you can drag and drop or add via the ‘+’ button from this panel to add modules to the grid areas on the post/page:

screenshot

Editing Modules

FRONTEND: To edit a module once it has been added, in the frontend you can hover over the module on the post/page and click the edit icon:

screenshot

BACKEND: From the backend you can hover over the menu icon on a module and select “Options”:

screenshot

TIPS: You can double click on a module to open the options panel.

Duplicating Modules

FRONTEND: To duplicate a module on the post/page, in the frontend you can hover over the module on the post/page and click the duplicate icon:

screenshot

BACKEND: From the backend you can hover over the menu icon on a module and select “Duplicate”:

screenshot

Repositioning Modules

To reposition modules on the post/page you can drag and drop the module around the post/page by clicking and dragging the module when it is highlighted with the move cursor:

screenshot

This is the same process for both backend and frontend interfaces.

Rows

Rows are the content areas where you can place modules, you can add them to the post/page area and they can also be customised to support multiple columns.

Adding Rows

BACKEND: Rows can be added in the backend at the bottom of the page builder panel by clicking the “Add new row” button:

screenshot

FRONTEND: From the frontend you can find an empty row area at the bottom of the post/page area, you can drag modules here to create a new row:

screenshot

Removing Rows

Rows can be removed from the post/page area by hovering over the menu icon and selecting the “Delete” option.

screenshot

This is the same process for both backend and frontend interfaces.

Duplicating Rows

Rows can be duplicated by hovering over the menu icon and selecting the “Duplicate” option.

screenshot

This is the same process for both backend and frontend interfaces.

Repositioning Rows

BACKEND: Rows can be repositioned in the backend by hovering over the row header, until the move cursor appears, and then dragging and dropping the row where you wish.

screenshot

FRONTEND: From the frontend you can hover over the move icon and drag and drop the row where you wish.

screenshot

Duplicating Builder Pages

To duplicate a Builder post/page, simply access the post/page from the site frontend and select “Duplicate This Page” option from the Themify Builder menu in the admin top bar when logged in.

screenshot

Module Types

There are various types of content that can be added with modules, and these are listed below with their respective options.

Accordion

The Accordion module is used to display content in content boxes which can be toggled open and closed with an accordion effect.

screenshot

To use the Accordion module you will need to add tabs by doing the following:
  • Enter a title for the accordion tab under “Accordion Title”
  • Enter the text to show within the accordion tab under “Accordion Text”
  • To delete/duplicate a row: hover over the row menu icon (top left icon of the row)
  • To add a row: click the “Add new row” button

Options are as follows:

screenshot

  • Accordion Layout This option is used to determine the layout and style of the accordion module and will affect how the tabs are shown.
    • Option 1 This layout will show the tab headings and content as one block.
    • Option 2 This layout will show the tab headings separate from the content in two blocks.
  • Expand / Collapse This option is used to change what will happen when a user clicks on an accordion heading.
    • Toggle When clicking on a tab heading the selected tab will open and other tabs will still remain open.
    • Accordion When clicking on a tab heading the selected tab will open and other tabs will be closed.
  • Accordion Color This option is used to change the color of the accordion module.
  • Accordion Appearance These options provide the ability to toggle various effects for the accordion boxes.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Accordion Title The title shown in the accordion heading for each accordion tab.
  • Accordion Text The text shown in the accordion content area for each accordion tab.
  • Default Open / Closed This option determines whether a tab defaults to open or closed.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Box

The Box module is used to display a box of content, using the basic text Editor. You can also insert shortcodes with Box module.

screenshot

Options are as follows:

screenshot

  • Editor Here you can add the content you wish to be displayed in the box module using the text Editor.
  • Box Color This option is used to change the color of the box module.
  • Appearance These options provide the ability to toggle various effects effects to be applied to the box.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Callout

The Callout module is used to display a content box with an associated action button.

screenshot

Options are as follows:

screenshot

  • Callout Style This option is used to determine the style of the callout box and will determine how the callout text and action button are shown.
    • Option 1 The callout text will be shown on the left and the action button will be shown on the right.
    • Option 2 The callout text will be shown on the right and the action button will be shown on the left.
    • Option 3 The callout text will be shown above the action button and the content will be left aligned.
    • Option 4 The callout text will be shown above the action button and the content will be center aligned.
  • Callout Heading This option is used to set the heading text of the callout box.
  • Callout Text This option is used to set the body text of the callout box.
  • Callout Color This option is used to change the color of the callout box.
  • Callout Appearance These options provide the ability to toggle various effects for the callout box.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Action Button Link This option is used to set the link URL of the action button.
  • Action Button Text This option is used to set the text that will show inside the action button.
  • Action Button Color This option is used to change the color of the action button.
  • Action Button Appearance These options provide the ability to toggle various effects for the action button.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Divider

The Divider module is used to add a border divider between other modules.

screenshot

Options are as follows:

screenshot

  • Divider Style This option is used to determine the line style of the divider.
    • Option 1 The divider will be shown as a solid line.
    • Option 2 The divider will be shown as small dashes.
    • Option 3 The divider will be shown as large dashes.
    • Option 4 The divider will be shown as two lines parallel to one another.
  • Stroke Thickness This option is used to set the line thickness of the divider.
  • Divider Color This option is used to change the color the divider will show in.
  • Top Margin This option is used to set the margin space above the divider.
  • Bottom Margin This option is used to set the margin space below the divider.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

The Gallery module is used to add a standard gallery.

screenshot

Options are as follows:

screenshot

  • Insert Gallery Shortcode This option is used to add the gallery shortcode, either by entering it manually or using the “Insert Gallery” button. If selecting “Insert Gallery” you will be taken to “Create Gallery” window where you can set up a gallery as documented here.
  • Thumbnail Width This option is used to set the width the gallery thumbnails will be shown at.
  • Thumbnail Height This option is used to set the height the gallery thumbnails will be shown at.
  • Image Appearance These options provide the ability to toggle various effects to be used on the gallery thumbnails.
    • Rounded Toggles whether the corners of the element should be rounded.
    • Drop Shadow Toggles a drop shadow effect on the element.
    • Bordered Toggles a border around the element.
    • Circle Toggles whether the element will be rendered as a circle. (Requires images used be square ratio.)
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Highlight

The Highlight module is used to add a list of highlight posts to the page. You can use Highlight to display a short paragraph of text with featured image. For examples, use it to dipslay services and product features.

screenshot

Options are as follows:

screenshot

  • Highlight Layout This option is used to determine the layout of the highlight posts and how they will be displayed.
    • Grid 4 Highlights will be arranged in a four column layout.
    • Grid 3 Highlights will be arranged in a three column layout.
    • Grid 2 Highlights will be arranged in a two column layout.
    • List Highlights will be arranged in a standard one column list.
  • Category This option is used to select which categories of highlight posts will be displayed in this module.
  • Limit This option sets the number of highlight posts will be shown.
  • Offset This option sets how many highlight posts should be skipped before the first one is displayed.
  • Order This option sets whether the highlight posts will be ordered in ascending or descending order.
  • Order By This option sets what data the highlight posts will be ordered based on.
  • Display This option sets what content will be output (full content, excerpt or none.)
  • Hide Featured Image This option sets whether or not the featured image for the highlight posts will be shown.
  • Image Width This option sets the width of the featured image output.
  • Image Height This option sets the height of the featured image output.
  • Hide Post Title This option sets whether or not the highlight post title will be shown.
  • Hide Post Navigation This option sets whether or not navigation links to view more highlight posts will be shown.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Image

The Image module is used to add an image with title and caption.

screenshot

Options are as follows:

screenshot

  • Image Style This option is used to determine the layout of the image and any title and caption.
    • Option 1 Title/caption will be shown below the image.
    • Option 2 Image will be shown on the left and Title/caption will be shown on the right.
    • Option 3 Image will be shown on the right and Title/caption will be shown on the left.
    • Option 4 Title/caption will be shown in an overlay on top of the image.
  • Image URL This option is used to set/upload an image URL to use for the module, or alternatively you can select an image from the site’s media library by selecting “Browse Library”.
  • Image Appearance These options provide the ability to toggle various effects to be applied to the image.
    • Rounded Toggles whether the corners of the element should be rounded.
    • Drop Shadow Toggles a drop shadow effect on the element.
    • Bordered Toggles a border around the element.
    • Circle Toggles whether the element will be rendered as a circle. (Requires images used be square ratio.)
  • Width This option sets the width of the image output.
  • Height This option sets the height of the featured image output.
  • Image Title This option is used to set the title of the image being added.
  • Image Link This option is used to set the URL that is linked to by the image being added.
  • Image Caption This option is used to set a caption for the image being added.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Map

The Map module is used to add an interactive Google map to the page. To display a Google Map, simply enter the full address.

screenshot

Options are as follows:

screenshot

  • Address This option sets the address the map should show when loaded.
  • Zoom This option sets the default zoom level of the map.
  • Width This option sets what width the map should be displayed at.
  • Height This option sets what height the map should be displayed at.
  • Border This options sets the styling of a border around the map element.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Menu

The Menu module is used to add a custom menu to the page. To display the menu, you have to first create the menu in WP > Appearance > Menus. Once you created the menus, they will appear in the “Custom Menu” select dropdown.

screenshot

Options are as follows:

screenshot

  • Menu Layout This option is used to determine the layout of the menu.
    • Option 1 The menu will be shown as a horizontal menu stretching only as far as the menu entries.
    • Option 2 The menu will be shown as a horizontal menu stretching the width of the column.
    • Option 3 The menu will be shown as a vertical menu.
  • Custom Menu This option is used to select the menu to be shown from those created under WP Admin > Appearance > Menus, as documented here.
  • Menu Color This option is used to select the color of the menu, this will set an overall color.
  • According Styles These options provide the ability to toggle various effects to be applied to the menu.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Portfolio

The Portfolio module is used to display Portfolio custom post type.

screenshot

Options are as follows:

screenshot

  • Portfolio Layout This option is used to determine the layout of the portfolio posts and how they will be arranged.
    • Grid 4 Portfolio posts will be arranged in a four column layout.
    • Grid 3 Portfolio posts will be arranged in a three column layout.
    • Grid 2 Portfolio posts will be arranged in a two column layout.
    • List Portfolio posts will be arranged in a standard one column list.
  • Category This option is used to select which categories of portfolio posts will be displayed.
  • Limit This option sets the number of portfolio posts shown.
  • Offset This option sets how many portfolio posts should be skipped before the first one is displayed.
  • Order This option sets whether the portfolio posts will be ordered in ascending or descending order.
  • Order By This option sets what data the portfolio posts will be ordered based on.
  • Display This option sets what content will be output (full content, excerpt or none.)
  • Hide Featured Image This option sets whether or not the featured image for the portfolio post will be shown.
  • Image Width This option sets the width of the featured image output.
  • Image Height This option sets the height of the featured image output.
  • Unlink Featured Image This option sets whether the featured image will be a link.
  • Hide Post Title This option sets whether or not the portfolio post title will be shown.
  • Unlink Post Title This option sets whether the portfolio post title will be a link.
  • Hide Post Date This option sets whether or not the portfolio post date will be shown.
  • Hide Post Meta This option sets whether or not the portfolio post meta will be shown.
  • Hide Post Navigation This option sets whether or not navigation links to view more portfolio posts will be shown.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Post

The Post module is used to add a list of blog posts to the page.

screenshot

Options are as follows:

screenshot

  • Post Layout This option is used to determine the layout of the posts and how they will be arranged.
    • Grid 4 Posts will be arranged in a four column layout.
    • Grid 3 Posts will be arranged in a three column layout.
    • Grid 2 Posts will be arranged in a two column layout.
    • List Posts will be arranged in a standard one column list.
  • Category This option is used to select which categories of posts will be displayed.
  • Limit This option sets the number of posts shown.
  • Offset This option sets how many posts should be skipped before the first one is displayed.
  • Order This option sets whether the posts will be ordered in ascending or descending order.
  • Order By This option sets what data the posts will be ordered based on.
  • Display This option sets what content will be output (full content, excerpt or none.)
  • Hide Featured Image This option sets whether or not the featured image for the posts will be shown.
  • Image Width This option sets the width of the featured image output.
  • Image Height This option sets the height of the featured image output.
  • Unlink Featured Image This option sets whether the featured image will be a link.
  • Hide Post Title This option sets whether or not the post title will be shown.
  • Unlink Post Title This option sets whether the post title will be a link.
  • Hide Post Date This option sets whether or not the post date will be shown.
  • Hide Post Meta This option sets whether or not the post meta will be shown.
  • Hide Post Navigation This option sets whether or not navigation links to view more posts will be shown.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Slider

The Slider module is used to add a custom slider of various content types to the page.

screenshot

To use the Slider module:
  • Select a radio button with the content you want to display: Blog Posts, Slider Posts, Portfolio, Images, Videos, or Text
  • This will toggle different options according to your selection (eg. Blog Posts radio button will give you options to display posts along with its layout options)
  • You can then configure the slider options below such as slider layout, slider navigation and effects

Options are as follows:

screenshot

  • Display This option allows you to set the type of content the slider will display.
  • Slider Layout This option is used to determine the layout of the slider.
  • Image Width This option sets the width of the slider image output.
  • Image Height This option sets the height of the slider image output.
  • Slider Options A list of various options available to customize the behaviour of the slider.
    • Visible Sets number of slides visible at once.
    • Auto Scroll Sets how long before slider will automatically scroll.
    • Scroll Sets number of slides to scroll at a time.
    • Speed Sets speed of transition effect.
    • Effect Sets the transition effect used.
    • Wrap Sets whether the slides will repeat from the beginning when scrolled through.
    • Show Slider Pagination Sets whether to display the slider page navigation buttons.
    • Show Slider Arrow Buttons Sets whether to display the slider arrow navigation buttons.
    • Left Margin Space Sets how much of a margin to add to the left side of individual slides.
    • Right Margin Space Sets how much of a margin to add to the right side of individual slides.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.
Blog Posts, Slider Posts, and Portfolio Slider Options:
  • Category This option is used to select which categories of posts will be displayed.
  • Limit This option sets the number of posts shown.
  • Offset This option sets how many posts should be skipped before the first one is displayed.
  • Order This option sets whether the posts will be ordered in ascending or descending order.
  • Order By This option sets what data the posts will be ordered based on.
  • Display This option sets what content will be output (full content, excerpt or none.)
  • Hide Featured Image This option sets whether or not the featured image for the posts will be shown.
  • Unlink Featured Image This option sets whether the featured image will be a link.
  • Hide Post Title This option sets whether or not the post title will be shown.
  • Unlink Post Title This option sets whether the post title will be a link.
Image Slider Options:
  • Image URL This option is used to set/upload an image URL to use for the module, or alternatively you can select an image from the site’s media library.
  • Image Title This option is used to set the title of the image being added.
  • Image Link This option is used to set the URL that is linked to by the image being added.
  • Image Caption This option is used to set a caption for the image being added.
  • Add New Row Used to add a new slide to the slider.
Video Slider Options:
  • Video URL This option is used to set the video URL to use for the module.
  • Video Title This option is used to set the title of the video being added.
  • Video Title Link This option is used to set the URL that is linked to by the title.
  • Video Caption This option is used to set a caption for the video being added.
  • Video WidthThis option is used to set the width of the video player.
  • Add New Row Used to add a new slide to the slider.
Text Slider Options:
  • Editor You can use the Editor to add any content required in each slide.
  • Add New Row Used to add a new slide to the slider.

Tab

The Tab module is used to add a content box where the content can be switched with tab buttons.

screenshot

To use the Tab module:
  • Enter Tab Title
  • Enter Tab Content
  • To delete/duplicate Tab: hover over the row menu icon (top left icon of the row)
  • To add Tab: click “Add new row” button

Options are as follows:

screenshot

  • Tab Layout This option is used to determine the layout of the tabs and content.
    • Option 1 Tabs will be shown horizontally with tab titles and content shown as one block with borders around the content.
    • Option 2 Tabs will be shown horizontally with tab titles and content shown as two separate blocks with borders around the content.
    • Option 3 Tabs will be shown vertically with content in a box.
    • Option 4 Tabs will be shown horizontally without borders around the content.
  • Tab Color This option is used to select the color of the module.
  • Tab Appearance These options provide the ability to toggle various effects for the tab buttons and content area.
    • Rounded Toggles whether the corners of the module’s content will be rounded.
    • Gradient Toggles whether the module will have a gradient effect applied to it.
    • Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
    • Embossed Toggles whether the module will have an emboss effect applied to the edges.
    • Shadow Toggles whether the module will have a shadow effect applied to it.
  • Tab Title The title shown in the tab button.
  • Tab Content The content shown when the tab is selected.
  • Add New Row Used to add a new tab to the module.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Testimonial

The Testimonial module is used to add a list of testimonial posts to the page.

screenshot

Options are as follows:

screenshot

  • Testimonial Layout This option is used to determine the layout of the testimonials and how they will be arranged.
    • Grid 4 Testimonials will be arranged in a four column layout.
    • Grid 3 Testimonials will be arranged in a three column layout.
    • Grid 2 Testimonials will be arranged in a two column layout.
    • List Testimonials will be arranged in a standard one column list.
  • Category This option is used to select which categories of testimonials will be displayed.
  • Limit This option sets the number of testimonials shown.
  • Offset This option sets how many testimonials should be skipped before the first one is displayed.
  • Order This option sets whether the testimonials will be ordered in ascending or descending order.
  • Order By This option sets what data the testimonials will be ordered based on.
  • Display This option sets what content will be output (full content, excerpt or none.)
  • Hide Featured Image This option sets whether or not the featured image for the testimonials will be shown.
  • Image Width This option sets the width of the featured image output.
  • Image Height This option sets the height of the featured image output.
  • Hide Post Title This option sets whether or not the testimonial title will be shown.
  • Hide Post Navigation This option sets whether or not navigation links to view more testimonial will be shown.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Text

The Text module is used to add a text are to the page. You can use the visual editor to enter any rich format text including images, videos, links, heading, etc. Shortcodes are supported with the Text module. You may insert any shortcode as you do in post/page content.

screenshot

Options are as follows:

screenshot

  • Editor You can use the Editor to add any content required to be shown in the module.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Video

The Video module is used to add a video embed to the page.

screenshot

Options are as follows:

screenshot

  • Video Style This option is used to set the layout of the video and any title and caption.
    • Option 1 The title/caption will be shown below the video.
    • Option 2 The title/caption will be shown to the right of the video.
    • Option 3 The title/caption will be shown to the left of the video.
    • Option 4 The title/caption will be shown as an overlay on top of the video.
  • Video URL This option is used to set the video URL to use for the module.
  • Video WidthThis option is used to set the width of the video player.
  • Video Title This option is used to set the title of the video being added.
  • Video Title Link This option is used to set the URL that is linked to by the title.
  • Video Caption This option is used to set a caption for the video being added.
  • Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.

Themify Builder Options

In the Themify settings panel, under the Themify Builder tab you can find a number of options which allow you to exclude specific module types from appearing in the Builder panels.

When a module type is checked in this setting panel that module type will be removed from the module panel in both the Builder frontend and backend interfaces.

Adding Custom CSS Classes

You can add custom CSS classes to any module you add to a post/page by entering a class name in the “Additional CSS Class” option field on the module options panel.

screenshot

Any class name entered here will be added to the output on the site, and can be used with CSS styling to customize the element.

Custom Post Types

Builder comes with a number of custom post types, which include various features catering to their purposes, these are documented below.

Highlights

Use the Highlights post type to provide descriptions of your features, services or other content in structured layouts. These posts will be used by Highlight modules.

Options are as follows:

screenshot

  • Featured Image Set the featured image used by the highlight.
  • Image Width Set the width of the featured image.
  • Image Height Set the height of the featured image.
  • External Link Links the highlight featured image to a URL.
  • Lightbox Link Links the highlight featured image to a lightbox (image, video or iframe.)
  • Shortcode ID Provides the shortcode needed to output the highlight.

Portfolios

Use the Portfolios post type to show your multimedia content on your site as portfolio galleries. These posts will be used by Portfolio modules.

Options are as follows:

screenshot

  • Featured Image Set the featured image used by the portfolio.
  • Image Width Set the width of the featured image.
  • Image Height Set the height of the featured image.
  • Hide Post Title This option sets whether or not the post title will be shown.
  • Unlink Post Title This option sets whether the post title will be a link.
  • Hide Post Date This option sets whether or not the post date will be shown.
  • Hide Post Meta This option sets whether or not the post meta will be shown.
  • Hide Featured Image This option sets whether or not the featured image for the posts will be shown.
  • Unlink Featured Image This option sets whether the featured image will be a link.
  • External Link Links the portfolio featured image to a URL.
  • Lightbox Link Links the portfolio featured image to a lightbox (image, video or iframe.)
  • Shortcode ID Provides the shortcode needed to output the portfolio.

Sliders

Use the Sliders post type to show features, services or other content on your site in a scrolling slider. These posts will be used by Slider modules.

Options are as follows:

screenshot

  • Featured Image Set the featured image used by the slide.
  • Image Width Set the width of the featured image.
  • Image Height Set the height of the featured image.
  • External Link Links the slide featured image to a URL.
  • Lightbox Link Links the slide featured image to a lightbox (image, video or iframe.)
  • Video URL Allows embedding of video content in place of the slide’s featured image.

Testimonials

Use the Testimonials post type to show customer testimonials on your site. These posts will be used by the Testimonial modules.

Options are as follows:

screenshot

  • Featured Image Set the featured image used by the slide.
  • Image Width Set the width of the featured image.
  • Image Height Set the height of the featured image.
  • Testimonial Author Name Sets the name of the author of the testimonial.
  • Testimonial Author Link Sets a link that will be used with the author’s name.
  • Testimonial Author Company Sets a company name to go with the author’s name.
  • Testimonial Author Position Sets a position title to go with the author’s name.
  • Shortcode ID Provides the shortcode needed to output the testimonial.