Dentalia WordPress Theme – Offical Documentation

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.

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
WordPress Classic Editor (For WordPress version 5.0 and greater)

Recommended Plugins:

Contact Form 7,
Slider Revolution

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.

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.

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.

Row Layout

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

Collapse Behaviour

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.

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.

Team post type:

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.

Use Static Blocks to display the same content on several pages, without the need to change them all separately. Static Blocks can be displayed using a shortcode or widget. When you edit the content in Static Blocks, the changes will automatically appear on your pages.

First create Static Blocks under Static Blocks -> Add New.
After creating your Static Blocks, switch to Page Builder view and add the content you wish to use on multiple pages.
Now you can add your Static Blocks on any page with the (OrionThemes) Static Block widget.

You can also display Static Blocks using a shortcode. With the shortcodes you can use Static Blocks also on pages and posts, where you don't use page builder.

Check our Knowledge Base to learn more on how to use Static Blocks.

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.

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.

Boxed Layout

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

Boxed Style 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.
Add page shadow & Page shadow color: You can choose to include a shadow on your boxed container as well as the color of it.
Boxed container rounding: Decide if your container will have round edges and enter a number to set the value (the bigger the number, the more round the edges).

Boxed Layout Settings:

You can set the site content’s width, padding (left and right) and margin (top and bottom).

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.

Classic Header Widget Area Settings

The Classic header comes with a widget area, which is displayed in a separate bar right under the navigation area. Use this area to display contact information, call to actions and similar content. It can be easily switched on and off and can be customized too. You can set up a solid background color, select light or dark text color style and set the bottom and top padding.

Supported widgets:

Icon With Text Widget
Button Widget
Contact Form 7 Widget
Document Download Widget
Icon List Widget
Text Widget
SiteOrigin Layout Builder
SiteOrigin Editor

Use these options to display and customize the call to action button in the main menu. Before you begin, make sure that you have set up a primary menu (Appearance -> Menus).

You can customize the button and chose between:

Button link: choose the link your button will lead to.
Button text: set the text on your button.
Button color: set the color of your button. Choose between main, secondary, tertiary theme color and blue, green, pink, orange, black and white.
Button rounding: you can choose between slightly rounded (only the edges) or completely rounded (the button appears round on the left and right side).
Size: you can choose between small, medium or large.

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 (left and right),
setting the top bar border color and
making the top bar fullwidth.

You can also enable the top bar to always be visible on mobile.

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.

It’s important to note that the page title changes will not appear on pre-existing sites. The changes will only apply to newly created pages.

Enable Page Titles on posts: You can also enable the page title on posts (it is disabled by default).
Default heading overlay: You can set a default heading overlay, which you can override on each page/post.

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

It’s important to note that the blog sidebar changes will not appear on pre-existing blogs/posts. The changes will only apply to newly created blogs/posts.

This section lets you customize the layout and style of the footer, prefooter and copyright areas. The options include:

Turning on uncovering footer: This will make the footer appear from below the content area upon scrolling down the page.
Set the number of footer columns: You can set up to 4 widget areas. You can also create custom layouts using SiteOrigin Layout Builder.
Set footer text color: If you choose Dark Text, the widgets in the footer will have dark text. The Light text option will give all the footer widgets white text color. You can customize the text color styles under the Typography section.
Change the footer background: You can set the background color and/or upload a background image. By default the footer background is defined by the tertiary theme color.
Adjust footer padding: The padding is set in pixels and defines how much space will be above and below the bordering site elements.

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

Panel Title

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Panel Title with Icon

Shotcodes & Media

BUTTON

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.

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.

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.

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

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.

Add a gallery of images with optional text on hover.

Widget options:

Admin label: Add a label to your image. This is optional and will not show on your site.
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.
On click: You can set the image to be opened in a lightbox.
Gallery options: You can also set how many elements appear in row (how many images per row) and if the images appear in grid or in a carousel. You can also set the text colour (light or dark), which will change the colour for the entire widget area.
Carousel options: In case carousel is set, "Enable autoplay" can be checked to let the images slide automatically. You can also set transition delay and hide the navigation arrows or change their location (on top, on side, on bottom) or you can choose to replace the arrows with dots.

Widget Style:

Image style: Choose between different image styles: circle, square, portrait, landscape (3:2 ratio) and 750px. 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.
Scale image on hover: You can also set the image to scale on hover. You can choose between zoom in, zoom out or remove the option altogether.

Example hover text.

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.

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.

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.

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.

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

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.

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.

Displays team members in a grid or a carousel with multiple options. Contrary to the Team Members widget, you can add staff members manually, without using the post type.

Widget options:

Add Team Member: Create a team member, add an image, name, the text bellow and above the name, short description and a link, linking to the member’s personal page (this is optional). You can also add social icons for your team members, change the icon’s color and their destination url.
Layout: You can choose layout (grid or carousel), how many elements (team members) you wish to display per row and the text color.
Settings: On the carousel layout, you can set the 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.
Accent color: Choose the color above the team member name.
Background color: Background color and its opacity.
Image overlay and image overlay on hover: Set the color of the 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.

DENTIST

Dr. Barbara Orion

DMD, FACE, FAGD, FIADFE

DENTIST

Dr. Linda Davis

DMD, FACE

DENTIST

Dr. John Williams

DMD, DDS

DENTAL TECHNICIAN

Adam Smith

CDT

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

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.

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.

Intuitive & simple

This is simply the best template that I have ever worked with. I loved it and I can't wait to see what else this team comes up with. Intuitive, simple, and packed with features. The team very quickly responded to my questions and willing to help me customize this site for other field of practice. Amazing

Dentalia User

Perfect theme

Absolutely perfect theme and customer support. 5 of 5 without any doubt. If you are looking for great medical (dentist) theme - this should be your first (and only) option! Keep up good work guys!

Dentalia User

Support is outstanding

This Theme is just perfect for a dental practice. It's useable for other services to I think. Great Design Quality and loads of cool options and widgets. In fact you can make what you want. The support is outstanding. Fast en flexible. Just what I look for when buying a new wp theme.

Dentalia User

Fast and effective help

The theme alone is very nice but the support is awesome and therefore we rate this theme with five stars - many thanks to the support staff for the fast and effective help!

Dentalia User

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.

1.1.2017

Event Title

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

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

12.12.2012

Event Title

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

3.5.2017

Event Title

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

I. Quick Start

Set up your theme in 3 easy steps.

Install and activate the Theme.

Install and activate all the required plugins.

Import the demo content trough Theme Options.

Theme Installation

Installing & Activating Plugins

Required plugins:

Recommended Plugins:

Importing Demo Content

Recommended server settings

During Import:

Updating Your Theme

1. Backup your website

2. Make sure all customisation is inside your child theme

3. Upload the new theme to your server

4. Update the Dentalia plugin

5. Update your theme options to rebuild your custom styling

II. The Basics

All about Pages, Posts & Team Members

Page Settings

Header Settings

Page Title Settings

Remove Page Content Spacing

Widget Areas

Page Builder Row Settings

Row Layout

Collapse Behaviour

Vertical alignment

Row Position

Full-screen row height

Row Design

Overlay

Text color

Responsive Options

Mobile display:

Tablet display:

Section Separators

Top separator:

Top separator position:

Top separator color:

Bottom separator:

Bottom separator position:

Bottom separator color:

Widget Styles

Layout

Overlap row

Responsive options

Design

Background opacity (requires widget background)

Border radius (requires widget background or border)

Text color

Drop shadow effect

Raised Box

Lifted Corners

Horizontal Curves

Team Members

Simple team:

Team post type:

Name and biography

Department

Team member image

Short description

Social Profiles

Static Blocks

Sidebar settings

Changing sidebars on single posts and pages

Megamenu

Favicon

Translations

Translating the theme into your language

Translating the theme with Loco Translate:

Creating a multilingual website with WPML:

III. Theme Options

Customize your theme in minutes

Design Style

Theme Colors

General Layout

Full-Width Layout

Boxed Layout