I. Quick Start

Set up your theme in 3 easy steps.

The QuickStart guide assumes you already have a WordrPress installation in place. If you don't have WordPress installed yet, please refer to the official WordPress installation guide.

  1. Install and activate the Theme.
  2. Install and activate all the required plugins.
  3. Import the demo content trough Theme Options.

Theme Installation

You can install the Theme in three different ways:

  • Using Envato Market plugin
  • Upload the theme zip file to Appearance » Themes » Add New » Upload Theme
  • Direct FTP upload to wp-content/themes/ and activating it in Appearance » Themes

 ThemeForest's preferred way of installing themes is using the Envato Market plugin. This assures easy updates when a new version of the theme is released.

Once your theme is installed, activate it.

A notification should appear to install required plugins. If you dismiss the notification by mistake or it doesn't appear for any other reason, click on Appearance » Install plugins.

Installing & Activating Plugins

You can start installing the plugins directly on the install plugins notification or navigate to Appearance / Install plugins. Installing all required plugins is essential. Theme functionality and demo import depend on it.

Please make sure your theme is installed and activated, before installing the plugins. For successful demo import you need to install the recommended plugins as well.

Required plugins:

  • Dentalia theme plugin,
  • Page Builder by SiteOrigin,
  • SiteOrigin Widgets Bundle

Recommended Plugins:

  • Contact Form 7,
  • Slider Revolution

Importing Demo Content

You can import the demo content in the Theme Options by clicking on the Import button.
Before you begin: Make sure all plugins are activated and check if your server meets the recommended settings.

Be aware that stock images will not be imported as they are not included in the theme.

Recommended server settings

Demo import is a very resource consuming process. In order to be completed successfully, there should be enough server resources available. If there are not enough resources, the demo content will not fully import. In this case contact your hosting provider for assistance.

Setting Recommended value
Max execution time 600
Memory limit 256M
Upload max filesize 32M
Max post size 32M

During Import:

The import speed depends on your internet speed and can take few minutes. Please be patient. You will get a notification when the import is completed.

Do not import demo twice. This can result in duplicate menu items and widgets.

Updating Your Theme

Theme updates give you access to new features, improvements, and bugfixes. Updates are also important for keeping your website secure.

1. Backup your website

This is recommended, so if anything goes wrong, you can revert to the previous version.

2. Make sure all customisation is inside your child theme

If you edited the code in any of the theme files, move all your customisation into the child theme. If you didn't modify the theme files, you can skip this step.

3. Upload the new theme to your server

The new version of the theme is available for download on Themeforest. Unzip the downloaded theme and replace the theme files on your server. These can be found inside your WordPress Installation in wp-content/themes/dentalia folder.

4. Update the Dentalia plugin

There should be a notification about an available update inside your WordPress dashboard.

5. Update your theme options to rebuild your custom styling

Following these steps will import your existing theme settings from the old version:

1. Go to Theme options -> Header & menu
2. Switch the header type & Save
3. Switch back to your original header and save again.
4. Hard refresh on the front-end. On Windows: Hold down Ctrl and press F5. On Mac Hold ⇧ Shift and click the Reload button.

II. The Basics

All about Pages, Posts & Team Members

Besides the standard WordPress fields, there are some additional theme features packed in our theme, which include choosing sidebars on individual post and pages, customizing page titles and more. This documentation covers only the options that were added by our team.

Add Page: To get started adding a new page to your WordPress site, find the Pages menu in the WordPress Dashboard Navigation menu. Click Add new.

Add Post: Find the Posts menu in the WordPress Dashboard Navigation menu. Click Add new.

Page Settings

Page settings are available on individual posts and pages. You can locate them below the content area. You can also show/hide a group of settings in Screen options (top right corner of each page).


Header Settings

The header settings allow you to turn on the transparent header with some customisation options. These are the following:

Enable transparent header: Switch this on to make the header transparent.

Header Overlay: This setting will add a translucent color overlay to the header area. You can use this to make the menu items more readable.

Header text color: Switch between light & dark navigation colors.

Mobile Logo color: Choose which logo will appear on mobile (light or dark).

Header button custom text & link: This will add a custom button to the navigation.


Page Title Settings

You can customize the Page Title Area on every page, post & individual team member.

The following options are available:

  • Hide Page Heading: This will hide the Heading on this particular page.
  • Choose heading: Lets you choose between three predefined headings: Classic, Centered and Left Aligned. They can be further customized in Theme options.
  • Text color: Here you can set light or dark text color.
  • Change background image: Change the heading background image here.
  • Background image behaviour: Here you can set Parallax for the heading background image.
  • Overlay: This will add a color overlay over the background image.
  • Top Padding: You can set top padding in px here.
  • Bottom Padding: You can set bottom padding in px here.

These options overwrite the global heading options which are set in Theme options.


Remove Page Content Spacing

You can remove  the top and bottom padding on single posts and pages. This is particularly useful if you plan to add a slider or any other element just below the heading and don't want any extra space between.


Widget Areas

Control which widget areas to display on a single page. You can hide the top bar, pre-footer & the header widget areas by checking the boxes.

Page Builder Row Settings

With Page Builder, you can add and visually edit any widget to the content area. On this page, we will only cover theme specific options, developed by our team. A complete documentation of standard Page builder options can be found here.


Row Layout

Besides the base page builder row layout options, we added some additional option. The image below shows where are row settings located:

 This option was introduced with Page Builder 2.5. We added an option to force collapse the row on medium screens (for example on iPad Pro).
 
Vertical alignment

We removed this option in Dentalia version 1.5, because Page Builder 2.5 has this built in as Cell vertical alignment. However we added our own "Equal height" to their settings. We recommend to use this instead of their "Strech" option, as it works better on iOS devices.

Row Position

This option will "push-up" the entire row and make it overlap with the row above it.

Full-screen row height

Check to set the height of the row to be equal to the height of the screen.


Row Design

Besides the base page builder design options, there are two additional ones: Background Overlay and Text Color.

Overlay

Choose a background overlay for the selected row. This will create a translucent color overlay over the background image if set. The colors and gradients are defined by the general theme colors and can be set in the Theme Options. Read Tutorial

Text color

Choose whether the text in the row is light or dark. This setting will become the default text color for all the widgets in the row.


Responsive Options

Responsive options define the behaviour of the row on small (mobile) and medium (tablet) devices.

Mobile display:

For mobile displays you can choose to show at most two columns in a row, the default setting is set to one column.

Tablet display:

For the tablet display, you can keep the desktop settings, or limit the display to show from 1 to 4 columns.


Section Separators

Section separators can be added to page builder rows and thus make a fine transition between different sections. See examples here.Each row can have a top and bottom separator, which can be placed inside and outside the row. The separators look best when applied to Full width or Stretched rows. In order to prevent the widgets "hiding" behind the separator, add padding to the row (Row Styles -> Layout).

Top separator:

Choose the style of the separator that will show on the top of the row. Remove the separator by selecting "none".

Top separator position:

Choose whether you want the top separator inside or outside of the row. Don't forget to set row padding accordingly.

Top separator color:

Set the top separator color to match the row background. By default, all separators are defined by the page background color set in Theme Options.

Bottom separator:

Choose the style of the separator that will show on the bottom of the row. Remove the separator by selecting "none".

Bottom separator position:

Choose whether you want the bottom separator inside or outside of the row. Don't forget to set row padding accordingly.

Bottom separator color:

Set the bottom separator color to match the row background. By default, all separators are defined by the page background color set in Theme Options.

Widget Styles

Besides the standard Page Builder widget options, we added some additional options to improve widget layout, behaviour and style within page builder rows.


Layout

Overlap row

If checked, the widget will move to the bottom of the row, overlapping the following row. This option works with Button, Heading and Image widgets.

Responsive options
  • Remove side padding on small devices
  • Remove side margin on small devices
  • Align to center on Mobile

Design

Background opacity (requires widget background)

Sets the opacity of the widget background (1 is almost transparent and 100 is opaque).

Border radius (requires widget background or border)

Sets the border radius of the widget background.

Text color

Choose between light and darker text for the widget.

Drop shadow effect

Adds a shadow effect to the widget background. Examples:


Raised Box
Lifted Corners
Horizontal Curves

Team Members

To add a team member find the Team menu in the WordPress Dashboard Navigation. Click Add new. To display your team on individual pages, use the Team Members Widget.

Name and biography

In the Title Area, add a Team member's name. To the content area, add Team member description, biography or personal achievements. This is the longer description, that will be shown only on a personal page of the team member. If you want, you can use Page builder to create a custom layout.

Department

On the right side, there is a custom taxonomy field Department.  Later you will be able to filter your team members by department, using the Team members widget. You can add more than one department.

Team member image

Team member's portrait image goes into the Featured image section (also on the right side of the Team member edit page).

Short description

Below the default WordPress edit page, you will find the About section. Here you can add the medical title of the team member and short description. These will be displayed on the top of the member's page and in in the team members widget as well.

Social Profiles

Below the About section, there is Social info section. If you want, you can add links to member's email and social profiles here, like Facebook, LinkedIn, Twitter, etc.

Sidebar settings

The theme supports unlimited sidebars which can be created using the Sidebar Generator in Theme options. In Theme Options you can also set Default sidebars for posts, pages and archive pages.


Changing sidebars on single posts and pages


There are two select fields available on single posts pages and team members:

  • Left sidebar
  • Right sidebar

Each select field includes all available sidebars. If you select a sidebar, it will be displayed on the page.
Set both fields to None, if you do not want to display a sidebar. This will result in a full-width page layout.

Favicon

Follow the instructions below to set favicon in your site.

  • Prepare image file. It must be square, and at least 512 pixels wide and tall.
  • Go to Administration Screen > Appearance > Customize
  • Click Site Identity
  • Click Select Image at Site Icon section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select.

Translations

Translating the theme into your language

The theme is translation & WPML ready. This means you can translate it into your language, or if your language is English, you can use this to change the default text strings in the theme and customize them to your liking.

There are several methods you can use, to translate the theme. You can check the official WordPress recommendations here.

Our recommended way of translating the theme is using a plugin called Loco Translate This plugin will automatically generate .po and .mo files for you, all translation can be done within WordPress dashboard.


Translating the theme with Loco Translate:

  • First, Install loco Translate.
  • Find the theme in the list at Loco Translate > Themes and click it.
  • Click + New language and follow the on-screen prompts.
  • When a new language is created, just click on it and you can start translating.
  • When you are done, click save and you should already see the changes live.

For official Loco translate guide, please follow this link.


Creating a multilingual website with WPML:

Dentalia is compatible with the WPML plugin. You can create multilingual a websites following their official guide.

  • Install WPML Multilingual CMS plugin
  • Translations
    For translations you can use WPML String Translations.
  • Widgets
    You can display different Widgets for different languages. There is a free WPML widgets plugin available here

III. Theme Options

Customize your theme in minutes

The Theme options allow you to customize the layout and style of your theme. You can access them through the WordPress menu. The Theme Options are divided into different sections:

SAVE When you are making changes, make sure to save them by clicking on the save button.

RESET SECTION The reset section button will restore default settings of an individual section.

RESET ALL The Reset all button will reset the entire theme options. Use it with caution.

Design Style

Theme Colors

You can define 3 colors for your theme:

  • Main Theme Color: This color serves as a primary theme color and is the most dominant color of your theme. It automatically sets default button and icon colors, page title backgrounds and link hover color.
  • Secondary Theme Color: An additional color option that can be selected for individual widgets, sections backgrounds, buttons, etc.
  • Tertiary Theme Color: This color is by default used for dark backgrounds (dark navigation bar, footer, and copyright area). For best results choose a dark shade of any color.

The 4th color option - Site Content Background Color sets the default background color of the site content area.

General Layout

The Layout section allows you to customise the general layout of your website and set the default sidebars of your pages.


Full-Width Layout

If you have chosen a full-width layout, you can enable the Passepartout.  This option will create a frame around your website and will bring up additional options for customization. You can set the size (in pixels) and the color of the Passepartout.


Boxed Layout

If you switch to Boxed Layout you can access the following options:

Page (body) background Settings:
  • Page background Color: Sets a solid background color for your website.
  • Page background Image: You can upload a custom image or choose a pattern from the Pattern Library.
Site Layout Settings:
  • Site content width: Is set in pixels and defines the width of the content area.
  • Site content padding: Sets left and right padding for the content area.
  • Site margin: Sets top and bottom margin around the content area.

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.

Settings

Under General -> Settings  you can set up a custom 404 Error Page, enable Back to Top button, and enable or disable comments on posts and pages.

Typography

The Typography section allows you to customise the fonts used on your website. You can set up 3 default fonts and customise the dark and light text color schemes.


Fonts

Content & Paragraphs Font Family*
Defines the most dominant font of your theme.
Titles & Headings Font Family*
Defines the default font of headings and widget titles.
Navigation & Buttons Links Font Family*
Defines the default font of the main navigation, buttons, and similar elements.


Colors

On the same page you can customize the Dark and Light Color styles, which are used throughout widgets and most site elements (footer, header widget area, page builder rows etc.).

Top Bar

Upon enabling the top bar, 2 widget areas will appear above the header. Top bar left and Top bar right.  The height of the top bar is set to 48 pixels.

Supported widgets:

  • Button Widget
  • Icon List Widget
  • Text Widget
  • SiteOrigin Editor
  • Custom Menu Widget

Styling options include:

  • changing the background color,
  • setting light or dark text color style,
  • enabling widget dividers and
  • making the top bar fluid.

Page Title

The theme comes with 3 different page title layouts: Classic, Centered and Left Aligned.

  • The Classic Page Title displays the title on the left and the breadcrumbs on the right side of the title area.
  • On Centered Page Titles the title is centered and the breadcrumbs are displayed directly below it.
  • On Left-Aligned page title both the title and the breadcrumbs below it are aligned left.

You can select a default page title layout for your website by clicking on the images under the Page Title Section. Regardless of your choice, all 3 layouts will be available to use on individual posts, pages, and team members.


Customization options:

Each Page title layout can be customized under its individual section:

  • The default background color is defined by the main theme color but can be easily changed to any other color.
  • You can also set a default background image, change the page title font, adjust the top and bottom padding, and switch off breadcrumbs.

Further customization is available on single posts and pages, where you can:

  • add predefined color overlays,
  • set unique background images,
  • enable parallax effect,
  • switch between dark and light text color styles
  • and also hide the page title area.

Blog

In the blog settings, you can select a layout for your blog, archive pages and single posts, set up default sidebars and enable social share buttons.


Blog & Archive Pages

Choose a layout for your blog, category, and archive pages:

  • Classic: Posts are listed with an excerpt and read more button.
  • Classic full content: Posts are listed with full content.
  • 2 column grid: Posts are displayed in two equal columns.
  • 3 column grid: Posts are displayed in three equal columns. This layout looks best with a full-width layout.
Sidebars:

You can set default sidebars for your blog and archive pages using two select boxes. If you want to set up a left sidebar, leave the right sidebar field empty, and vice versa. Leave both fields empty for a full-width layout.


Songle Post Settings

You can set a default sidebar for your single posts which can be changed later on individual posts. You can also check which share buttons should appear on single posts.

Sidebar Generator

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.

Demo Content

Under this section, you can import the demo content. Before you begin make sure that all plugins are activated and that your server meets the requirements as described in the Quick start guide. Also disable native WordPress importer if it is activated, as it can cause problems with the import.

Custom CSS

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

Import / Export

Backup your theme options

Import Options

Here you can upload your theme option settings file. WARNING! This will overwrite all existing option values.

Export Options

Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

IIII. Widgets

The theme is packed with 20+ widgets which you can customize according to your needs.

Accordion Widget

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 and opacity of the border.
  • Title hover colors are predefined and can be changed in the Theme options. (Theme options > General > Design Style > Theme Colors).

Before & After Widget

The widget takes two images and compares them by moving the borderline that gradually hides one image and shows the other.

  • Upload an image that will represent the "before" state and one that shows the "after" state. Both images must have identical width and height.
  • After image visibility: Shows how much of the "after" image will show at the beginning before you start moving the borderline between the "before" and "after" image.
  • Orientation: Sets whether the borderline moves vertically or horizontally.

Style settings:

  • Image overlay: This is the state (color/brightness) the image will be in before you hover over it.
  • Image overlay on hover: This is the state (color/brightness) the image is while you are hovering over it.
before after

Button Widget

Adding a button:

Creates a button that leads you to a set location.

  • 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 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.

Contact Form 7

This widget requires Contact Form 7 plugin to work.

The widget lets you choose a contact form from a preexisting list of forms. You can add additional forms trough the WordPress menu (Contact > Contact Forms). The widget will refresh the list automatically.

Divider Widget

The divider widget is used for aesthetically dividing widgets.

  • Divider color and style: Customize the color of the divider and its style.
  • Divider width: Choose the width of the divider in how much % of the column width will it span. The divider is always centered.
  • Height, top, and bottom margin: Choose the height of the divider, along with its top and bottom margin, all in pixels. Top and bottom margins set how much space will there be between the divider itself and the widgets it borders.



Document Download 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.

Empty Space Widget

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.

Featured Pages Widget

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 screen 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 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.
  • Icon (optional): Select an icon, its color and its background color.

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.
  • Icon position: Choose the position of the icon you picked in page options.
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.

Features Widget

Displays animated features in a grid. You can use this widget to display featured services, contact information, and similar content.

Adding features:

  • Add feature: Adds any number of feature panels to the grid.
  • Icon: Adds an icon to the feature.
  • Title:Displays the feature title.
  • Description: Adds a short description of the feature.
  • Button text and destination URL: Adds a button to the feature that leads to a set destination.
Element style:

Each feature has its own element style. The icon color sets the feature icon color. For the background, you can set an image from the media library or upload a new one. You can customize the background color overlay and its opacity or keep it transparent. The button color can also be changed. Title hover color sets the color of the feature title while hovering over it.

Widget Style and Layout:

  • Elements per row: The number of features per row.
  • Icon size: Sets the icon sizes of all the features.
  • Height in pixels: The height of a row in the grid of features.
  • Text color: Sets the text color to dark or light for the entire widget.
  • Border:  Check whether you want to add borders between the features. Upon adding borders you can also change their color.
  • Description: Check whether you want the feature description to be always visible. By default, descriptions are always visible on mobile devices.
  • Button: Select a button style, size, and shape for the entire widget.

Heading Widget

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)

Heading example 1

Heading example 2

Heading example 3

Heading example 4

Icon Widget

Use this widget to display social media icons. Styling options are available.

Add an icon:

  • Click on the panel to add an Icon
  • Select any Icon from the collection
  • Set destination URL
  • Optionally select Icon Color

Icon List Widget

Display a list with custom icons.

Widget options:

  • Add list: Adds an icon with a description to the icon list. You can add any number of list items.
  • List Item description: The description displayed beside the icon.
  • Icon: You can set a custom icon for each list item.

Style Settings:

  • Predefined text color styles: Choose between dark and light text colors.
  • Custom colors: Customize the text color, the icon color and the background color and its opacity.
  • List item size: Sets the size of the icon and its description.
  • List item padding: The amount of space between the items in the list.

  • Choose from 2843 crisp icons
  • Add any number of list items
  • Customize the style of your list

Icon With Text Widget

Adds any number of customizable icons with short descriptions. Use this widget to display contact information or featured content.

Add an icon with text:

  • Select an icon and set its title.
  • Add a description and optional link that the icon will lead you to.
  • Set the color of the icon and the icon container background.
  • Elements per row: Set the number of icons in a row.

Widget Style:

  • Choose between 3 presets: The icon can be beside the title and its description. The title can be set to appear above the icon and the description. Lastly, the icon can be above the title and the description, in which case, the icon will be much larger compared to the icons in the other two cases.
  • Icon container: Set the shape of the icon container or set it to empty.
  • Text color: Set whether the text will be dark or light for the entire widget.
  • Bottom margin: Choose the height of the empty space below each row of icons.

Clean teeth

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Prevention

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dental Office

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dental Implants

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Image Widget

Add an image with optional text on hover. Make sure that the image is large enough to fill the entire column the widget is placed in.

Widget Options:

  • Add image: Choose an image from the media library or upload a new one.
  • Hover description text: You can enter description text that will appear on hover.
  • Destination URL: Set the destination URL that the image will lead to. This is optional.
  • On click: You can set the image to be opened in a lightbox.

Style:

  • Image shape: Choose between different image styles: circle, square, portrait and landscape (3:2 ratio). These options will crop the selected image into the desired shape. If you want to retain the original image ratio, chose the last option (Original image ratio).
  • Image overlay: You can also set the hover text color, image overlay and image overlay on hover.

LIHGTBOX

Logos Widget

Display partner logos, certificates or similar content in a grid or carousel. You can add any number of images to this widget.

Add a logo:

  • Give the logo a title (this will be only visible on the admin panel).
  • Choose a logo from the media library or upload a new one.
  • Add the destination URL to the logo.

Styling the widget:

  • Display: Choose between a grid or carousel display.
  • Elements per row: Set the number of logos per row in grid layout or how many elements will the carousel show at a time.
  • Title color: Set the widget title and navigation color as dark or light.
  • Logo size and logo size on hover: The higher the number, the bigger the logo will appear.
  • Grid Border color: The color of the border between logos. Works only with grid layout.
  • Carousel Settings: In case carousel is set, "Enable autoplay" can be checked to let the logos slide automatically. You can also set transition delay and hide the navigation arrows.

Opening Hours Widget

The widget lets you display your working hours with a highlighted current day.

Options and style:

  • Listings: Fill out the schedule according to your business hours.
  • Text color style: Choose between dark or light text color styles.
  • Text color: Customize the color of the days and hours.
  • Current day color: Change current day color.
  • Background: Set the widget background color and its opacity. This option will also generate padding around the listed days.
  • Borders: Check to display borders between the listed days.
Monday
8:00 - 16:00
Tuesday
8:00 - 16:00
Wednesday
8:00 - 16:00
Thursday
8:00 - 16:00
Friday
8:00 - 16:00
Saturday
8:00 - 13:00
Sunday
closed

Pricelist Widget

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.

Service 1

free

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam massa ligula, aliquet euismod eleifend vitae, interdum ut mi.

Service 2

1200 USD

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam massa ligula, aliquet euismod eleifend vitae, interdum ut mi.

Service 3

50 USD / hour

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam massa ligula, aliquet euismod eleifend vitae, interdum ut mi.

Recent Posts Widget

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.

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.

Video Widget

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.

 

Responsive Video

Lightbox Version

Tabs Widget

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 icon color.

Choose style:

Choose where will the tabs be displayed. On top of the widget (horizontal), on the left or on the right side (vertical).

Tab content.

Tab content.

Tab content.


"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Team Members Widget

Displays team members in a grid or a carousel with multiple options. You can add new team members in WordPress menu under "Team" (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.

Testimonials Widget

Display your client testimonials in a carousel or a grid layout. Add any number of testimonials to the widget.

Adding testimonials:

  • Enter the testimonial title, testimonial quote and the name of the author.
  • You can add an image to be displayed above the testimonial title. This is optional.
Settings:
  • Choose between a carousel and a grid layout.
  • Set how many elements will there be in a row.
  • Text color: Choose between dark and light text color style.

Style Settings:

Under Settings you can customize:

  • Background color (adds padding around individual team members).
  • Background opacity.
  • Border color.
  • Text size.
  • Whether the corners of the testimonials are rounded or not.
  • To hide or show the images.

The settings affect the entire widget.

Carousel settings:

In the carousel settings, you can enable autoplay and let the posts slide automatically. You can also set the navigation style.

Help & Support

Can't find what you are looking for? Open a support ticket and our friendly support team will help you!

HELP  We can help you set up your theme and answer any customization related questions.

BUG REPORT  We want to maintain and improve our themes, so please report any strange behavior. This will allow us to recognize and fix possible bugs.

FEATURE REQUESTS  Let us know what are you missing in our themes. Send us features requests and we will consider including them in theme updates.