Single Page Layout

The general layout of pages can be defined by adding and removing sidebars. Under General -> Layout you can set a default sidebar to be displayed on your single pages. The settings can be overwritten on individual pages. For full-width page layout leave both fields empty.

Setting up Left Sidebar

Choose a sidebar from the "Left sidebar" select box and leave the "Right Sidebar" empty.

Setting up Right Sidebar

Choose a sidebar from the "Right sidebar" select box and leave the "Left Sidebar" empty.

Copyright Area

The copyright area can have 1-2 columns and supports the following widgets:

• Text Widget
• Custom Menu Widget
• (OrionThemes) Icon

Styling options are the same as with the footer. The default background color is defined by the tertiary theme color with a dark overlay.

Create Custom Sidebars

You can add unlimited sidebars to your theme, which can be then used on individual posts and pages. Simply give your sidebar a unique name and click save. Your new sidebar is ready to be customized in Appearance -> Widgets.

Advanced users can customize the style of the theme with CSS here.

The accordion widget lets you create panels that can include text, shortcodes and media.

Creating panels:

• Option "Add panel" creates an empty panel.
• The panel title is assigned in the "Panel Title" bar. The title isn't optional and has to be unique, without it the panel won't generate.
• The panel content field can be used for writing text and attaching media files.
• You can also add icons, which will appear by the panel title.
• Lastly, you can check which panels are open or closed by default.

Style Settings:

• You can choose from light and dark text color styles, which are predefined in the Theme Options.
• Under settings, you can customize the background color and opacity of the text area.
• There is also an option for setting the color of the border.
• Title hover colors are predefined and can be changed in the Theme options. (Theme options > General > Design Style > Theme Colors).

Adding a button:

• Button text: The text that will show on the button.
• Destination URL: You can add a custom link or select from site content by clicking "Select Content".
• Open link in a new window: Check, if you want the link to open in a new window.

Adding icons (optional):

• Select icon: Choose an icon that will appear on the button.
• Icon color: Customize the color of the icon.
• Icon position: Choose the icon position on the button relative to button text. Inset right and inset left options will show the icon beside the button text, while plain right and left options will show the icon on far left and far right side of the button.

Style Settings:

• Button style: Choose from flat, empty and wired button styles.
• Color: The chosen color will be used as the background color for flat buttons; border, text and icon color for wired buttons; text and icon color for empty buttons.   Button colors are predefined.
• Size: You can choose from 4 sizes (normal, large, small and tiny).
• Shape: Choose between none, slightly rounded and completely rounded button shapes. If button style is set to "empty", the rounding won't show.
• Align: Choose the alignment of the button on the page.

Create a call to action:

• Enter Call to action text, which will be displayed above or next to the button, then enter the button text and the URL destination of the page you want the button to send you to.
• You can also check if you want the new page to be opened in a new window.
• You can select an icon to go with the button text, its color and its position relative to the button text.

Widget style

You can customize the call to action widget further with the following options:

• Choose between dark or light text color.
• Text alignment (left or centered).
• Text size (HTML tag).
• Button position relative to the Call to action text.
• Button style, color, size and its rounding. Theme colors are chosen from the current theme settings.
• Top and bottom spacing (spacing between the Call to action widget and the widgets below/above).

Use this widget to display statistical data.

• Enter a number at which the counter will stop.
• Enter the starting number.
• Enter the text displayed below the counter.
• Set the speed(counter time period) at which the counter ends.
• Choose between light and dark text colors

With the (OrionThemes) Custom Menu Widget you can add a navigation to any part of your website.

The widget background is defined by the main theme color, but you can set up any color you like and change the navigation text color from light to dark. If you wish to use a transparent background we recommend using the native WordPress custom menu widget.

Creates any number of buttons that initiate document downloads (one document per button). Click here for the step by step tutorial.

Adding download buttons:

• Document title (required): Set the title of the button that belongs to the document. The title will appear on the button.
• Icon: Customize the icon to go along with the title (optional).
• Upload a document: Choose the document you want to upload with the current button.

Download Button style:

You can choose from predefined colors and styles. Theme colors can be changed in theme options under color settings.

The widget creates an empty space which can be used to visually divide widgets and sections. By default the empty space is transparent, but a background color and image can be added in Widget Styles using page builder.

Widget options:

• Space height: Sets the height of the empty space (in pixels).
• Screen options: Choose on which screen sizes will the empty space be visible.

The featured pages widget displays a selection of pages with their excerpts and featured images. The latter two must be set up on their respective page edit screens to be displayed inside the widget. If not, the widget will display the first few sentences from the page in place of the excerpt. The widget can also add a "read more" button that will lead to the page itself.

Adding featured pages:

• Add pages: Creates an entry for a page in the selection. You can create multiple entries.
• Select a page by title: Select the page you want to add from the list.

Settings:

• Choose a layout: You can choose between the grid layout and the carousel layout.
• Elements per row: Sets how many pages are shown at a time in the carousel layout, and how many pages there are in a row in the grid layout.
• Text color: Select whether the text is dark or light. This affects the entire widget.
• Featured page information: Check the if you want the widget to display featured images, excerpts or "read more" buttons.
• Button text: Text on the "read more" button.

Carousel:

If you picked the carousel layout, you can enable autoplay, which will start automatic sliding. You can also choose between different navigation styles.

Styling options:

• Title hover color: Chose from predefined colors.
• Background color and opacity: The color of the background of each featured page and its opacity.
• Image overlay: How the widget displays the image before interacting with it.
• Image overlay on hover: How image reacts while hovering over it.
• Scale image on hover: Sets whether the image zooms in, zooms out or remains the same while hovering over it.

Display headings in different styles.

Widget options:

• Text: Enter the text that appears as the heading.
• HTML tag: HTML tag used for the heading. This will affect the font size and style.
• Color: The color of the heading text. These are predefined and can be changed in theme options.
• Align: Choose the alignment of the heading (left, right or center).
• Divider: Choose between two divider styles or set to none.
• Add bottom margin (px)

A customizable price list widget. You can add any number of services.

Widget Options:

• Service: Name of the service:
• Description (optional): Short description of the service with a text and/or an image.
• Price: The price of the service.
• Text color: Choose between dark or light text.

Color settings

Under Settings you can customize:

• Service color.
• Description color.
• Price color.

Create animated progress bars with multiple options.

Add a new Progress Bar:

• Progress bar title: Give the progress bar a title.
• Enter a number between 0 and 100: The number represents how full will the progress bar be in percentages.
• Progress bar color and style: Choose the color of the progress bar and its style.

Widget style:

• Color of the progress bar title: Dark & light colors are availiable.
• Progress bar percentage position: Can be displayed inside or above the progress bar.
• Progress bar thickness: You can choose between 3 styles.

Display your latest posts in a grid or carousel with multiple styling options.

Widget options:

• Choose a category: You can filter the posts by category. The choice is optional, if no category is chosen, the widget will display all of your latest posts.
• Choose a layout: Posts can be shown in eighter grid or carousel layout.
• Elements per row: Sets the number of posts in a row in the grid layout and the number of posts a carousel can display at the same time.
• Number of posts: The maximum number of posts that will be displayed.
• Text color: Choose between dark and light text color for the entire widget.

Settings:

Check if you want to display:

• Featured images,
• Post excerpts,
• and "read more" buttons.

You can also customize "read more" button text. The post date can be displayed on the featured image, above the post title or you can hide it. On the carousel layout, you can enable autoplay and let the posts slide automatically. You can also set the navigation style.

Widget Style:

Under Style settings you can customize:

• Button and hover color.
• Button size.
• Background color and its opacity.
• Image overlay.
• Image overlay on hover.
• Scale image on hover.

With the Responsive Video Widget you can embed any video from Youtube or Vimeo by pasting its URL into the empty field. The widget also comes with the option of opening the video in a lightbox. You can upload a custom image and set the color of the play icon.

Display tabbed content in different styles.

Adding tabbed content:

• Enter a unique tab title.
• Select an icon that will be displayed beside the tab title (optional).
• The tab content area supports shortcodes and media.
• Optionally you can also customize the tab background color. if you click the clear button, the non-active tabs will have a slight transparency.

Widget  Style:

• Layout: Choose where will the tabs be displayed. On top of the widget (horizontal), on the left or on the right side (vertical).
• Active Tab Text Color: You can choose between predefined theme colors.
• Navigation Text Color: You can set dark or light navigation.
• Border Color: Change the border color around the entire tab widget.

Displays team members in a grid or a carousel with multiple options. You can add new team members in WordPress menu under Team -> Add New.

Widget Options:

• Choose a department: You can filter which team member will appear depending on their department.
• Layout: Choose between grid or carousel layout.
• Elements per row: Sets the number of team members in a row.
• Text color :Set the text to light or dark for the entire widget.

Settings:

• Ordering: Choose the parameter by which the team members will be sorted (ascending/descending).
• Info display: Check the checkboxes if you want to show the department, intro text and social links in the widget.
• Carousel: On the carousel layout, you can set navigation style and autoplay .

Style settings:

• Image style: Choose the shape in which the team member image will be displayed. This will automatically crop the images into the desired shape.
• Hover color: Sets the color of the team member name on hover.
• Background: Background color and its opacity.
• Image overlay: Set the color of image overlay and its color while hovering over it.
• Scale image on hover: Choose whether the image zooms in, zooms out or stays the same while hovering over it.
• Display border: Check to add borders around individual team members.

Create a timeline to display company history or team member biography. You can add dates, titles and descriptions of events.

Adding a new timeline:

• Add Timeline Item: Adds an event to the timeline. The order of items displayed on the timeline is the order of the items you are adding here.
• For each timeline item, you can add a date, a title and a description.
• Check the "highlight" checkbox if you want the date to be highlighted.

Widget style:

Select a skin for the widget to go with its background. The dark skin will change the text color of timeline item names and descriptions to black, while the light skin will make it white. The highlighted box color will also change depending on the skin used. You can customize dark and light text styles in theme options.