Movedo Documentation

- follow us on twitter Twitter
- find us on Facebook Facebook
- follow us on Themeforest Themeforest
- changelog Changelog
- visit our channel on Vimeo Videos
- visit our Forum Support
- live documentation Live Documentation

- Created: 10/09/2016
- Updated: 05/10/2017
- By: Greatives Team

## Hello world, we are Greatives!

First of all, thank you very much for purchasing our theme. We'd be happy to support you all the way through and make Movedo Theme a lasting experience. Movedo is a creative and multi-purpose WP theme masterfully handcrafted for nothing less than awesomeness. It literally sets in motion a series of new features, such as ultra-dynamics parallax, radical safe button, super-crispy moldable typography, and immaculate future-proof device style to break free from the tyranny of sameness. Whether general or specific-purpose websites, corporations, freelancers, agencies, photographers, designers, bloggers, you name it, MOVEDO breaks the mold, adjusts to your creativity, and rocks the world of users for you to become peerless in the most competitive times ever.

- Installation / Updates
- Import Sample Content
- Home & Blog Page
- Menu System / Anchor Menus
- Theme Options / Philosophy
- Typography Options
- Page Options
- Post Options
- Portfolio Options
- Rows & Columns
- Safe Button
- Elements
- Sidebars / Widgets
- Image Sizes
- SEO (Search Engine Optimization)
- Translation & WPML Multilingual Plugin
- CSS & Javascript files
- Sources and Credits

# Installation

Before all else, you must setup a WordPress version on your server. After downloading the package, you will have "Movedo" folder and "movedo.zip" file inside the Theme package. You can either choose to upload the Theme to your server via ftp (just upload the folder "Movedo" into the folder wp-content/themes) or via WordPress upload function (Appearance > Themes > Install Themes > Upload) using the "movedo.zip" file.

### Install via WP upload function

1. Download "All Files and Documentation" package from Themeforest and unzip it.
2. In unzipped folder, you will find movedo.zip file. Keep it as it is, do not unzip it again.
3. In your WordPress Dashboard go to Appearance > Themes.
4. Click on Add New Theme, click Upload Theme and browse the movedo.zip file and click Install Now.
5. After installation is complete click on Activate Theme. You are ready.

### Install via FTP

1. Download ZIP package from Themeforest and unzip it.
2. In unzipped folder, you will find movedo.zip file. Please unzip it again.
3. Upload the unzipped folder in wp-content/themes directory.
4. After this go to Appearance/Themes and activate the theme. You are ready.

After the installation of Movedo Theme please install the required plugins: WPBakery Page Builder, Movedo Extension Plugin and Contact Form 7. Especially without the WPBakery Page Builder and the Movedo Extension you won’t be able to use most of our elements.

# Updates

Keep in mind that we provide lifetime updates and dedicated support in order to have no problems with the new versions of WP. Besides that, Movedo offers new features in every new release. So please, stay updated.

## How to use the Movedo Theme auto Update

This is for sure the easiest and fastest way to update Movedo. The only thing you have to do is to activate the theme update and enter your Themeforest username and an API key (from Envato).
Follow the steps below in order to use the auto update:

1. Go Theme Options > Theme Update
2. Enable Theme Update
3. Insert your Themeforest username and an API key from your Envato account
4. Save changes and you're ready.

When there is a new update of Movedo you will be informed (message at top) in Appearance > Themes screen and in Theme Options screen. Then you will be able to update Movedo with just one-click. Don't forget to update the required plugins in case that you are prompted (read the last 5 steps in this page).

## How to update Movedo (old-school method)

This is the old-school method for the updates of Movedo.
Follow the steps below:

1. Deactivate Movedo - (activate one of the WP themes like Fourteen)
2. Delete Movedo
3. Upload and install the new version of Movedo, then activate it.
4. If you won't get an info message prompting you to update one or both of the required plugins of Movedo (WPBakery Page Builder and Movedo Extension) you're ready.

### In case you prompt to update any or both of the required plugins (WPBakery Page Builder and/or Movedo Extension)

1. Click on Updating Plugins
2. Check these plugins and Update
3. You're ready to go!

# Import Sample Content

With Movedo you have the possibility to import any of the demos with just ONE click. Just follow the steps below:

1. Install and activate the required plugin Movedo Demo Data Importer
2. Go Movedo Demos in the WP Dashboard
3. Select the demo you wish to import (you can additionally select to import Dummy Content, Theme Options or/and Widgets).
4. Click Import and in a few seconds you will have the whole content in your WP installation.
5. Have Fun!

Before the import make sure that you have followed the below instructions:

1. The import process will work best on a clean installation. You can use a plugin such as WordPress Reset to clear your data first.
2. Ensure all needed plugins are already installed and activated, e.g. WPBakery WPBakery Page Builder, Movedo Extension, Contact Form 7 etc.
3. Keep in mind not to run importer twice without clearing your data first. You might end up with duplicate data e.g duplicate menu items and/or widgets.
4. Once you start the process, please leave it running and uninterrupted! After the import, a status will be displayed with the results!

# Home & Blog Page

Create a new page from Pages > Add New. Give a title, like 'Home', add the elements and settings you wish and then publish it. Next, create another page with the title you want for your blog. You do not need any content for your main blog page. The next thing is to tell WordPress to use your pages appropriately. Go to Settings > Reading and set the 'Front page displays' to 'A static page'. Set the home page you just created as the 'Front page', and the blog page you created as the 'Posts page' and save your changes.
Your Home and Blog pages are ready to go!
When you set a page as your blog through the above-mentioned way you can select the style you wish in Theme Options > Blog Options. Changes there will also affect Archives / Categories / Tags overview pages.

# Menu System

Movedo comes with two custom menus, one positioned in the header area(Header Menu) and the other in the copyright area(Footer Menu). To set up your custom menus simply:

1. Go to Appearance > Menus.
2. Enter your menu name.
3. Click the Create Menu button.
4. Add items to your menu by using the widgets on the left side.
5. Save your menu.
6. Click Manage Locations.
7. Attach it to the location you prefer (Header or Footer) and save again!

### Mega Menu Built-in System

You can easily convert any submenu you want into mega menu by selecting from the drop down menu the columns you need for your mega menu. For example megamenu column-3. See the picture below.

### Menu Button Item

You can easily create colored menu buttons with the wording you want in any menu item of your menu. You can set the colors you prefer, primary colors are included, for the background and the hover color. See the picture below.

### Labeled Menu Item

You can easily create labels with the wording you want in any menu item of your menu. Just add your text in the Label Text field. See picture below.

## Anchor Menu / One Page Menu

Additionally, Movedo offers the Anchor Menu per page option. Notice that, anchor menus are optimal for navigation within one page. To create such a menu in a page please do as follows.

1. Add Section IDs (e.g., idname1) in Rows you want to use in your menu.
2. Create a menu with the usual way (Appearance > Menus).
3. Add as menu items custom links of the form: http://www.site.com/pagename/#idname1
4. Save menu and use it by selecting it from the Page Options of the page (Anchor Navigation Menu or Main Navigation Menu).

In the exact same way you can create one such menu for the Header Menu as well, so that you have a One Page site.

### Set the Home Button in One Page version

You can set a home button (with the behaviour of the back to top button) by creating a custom link with the following URL: #grve-goto-header See the picture below.

# Theme Options

Movedo Option panel is built with the renowned Redux Framework and gives you many configuration options in a user-friendly environment. Click the Theme Options under Appearance from the main WordPress navigation and then you will be able to access and enjoy many core features of Movedo. All the options have detailed descriptions in order to explain their purpose.
Movedo’s main philosophy is that the user can have the power to make global settings from Theme Options on how to change the appearance of each Post format ( Pages/Posts) and in addition to be able to override almost everything through the Single Post formats (Pages/Posts). For example: Under Theme Options > Page Options you can select on whether you wish your Page header to overlap the content and select the Header Style you prefer (Default/Light/Dark). That means that the settings you will make will affect every single page of your site. In a creation of a Page, you can surely override this selection (as and most of them). This is the Movedo Magic!

## Movedo Header

For a better grasp of the full potential of the theme, it is worth having a look at the philosophy behind the Header. The Header in Movedo does not have predefined styles (like most themes), but the elements can be moved independently from each other. The elements one can add on Header may be the following:

1. Logo
2. Menu
3. Menu Elements (On/Off & Add various elements)
4. TopBar Area (On/Off & Add various elements)

Most of these elements can have their own align without one’s place affecting the other’s. This way, virtually dozens of combinations can turn out. If you take into account the topbar that offers 2 places (left and right) and it’s of the logic On/Off and Add elements, Movedo can satisfy even the most demanding user.
Last but not least, Movedo provides 3 different Header Modes that you can find under Theme Options > Header Options > Header Mode. The Default Header Mode, the Logo on Top Mode and the Side Mode. All modes have their own settings (colors, logos etc).
Don't forget that above your content you can set the default titles (posts, pages), the Feature section area ( available in pages and posts) and the Anchor menu ( field bar in posts and pages ) option.

## Movedo Layouts

Movedo provides 3 different layouts you can select from in Theme Options > General Settings.

1. Stretched Layout
2. Boxed Layout
3. Framed Layout

## Movedo Footer

Movedo provides multiple footer layouts that you can choose from. You can select various column layouts or have a single column if you wish. Go to Theme Options > Footer Options to build your footer.
Afterwards the creation of your footer layout, you will probably want to add your content. Simply go to Appearance > Widgets. Drag any of the provided widgets to the footer widget areas (Footer 1-4), order and reorder them as you wish and customise the settings.
In the Copyright Area you can add text (TinyMCE), socials and menu, centered or in the left-right corners.

# Typography Options

This is a fully customizable font-related section.You can change the fonts and their style according to your tastes/needs for almost every single individual case. The font-sections are divided in such way, so you can easily find the font you seek to customize. A truly unique feature of Movedo is the Responsive Typography. You can fully customize the font-size for devices whether it is a tablet (in both landscape & portrait) or a mobile device. Let’s see what is the Responsive Typography concept about. First of all, you set a Size Threshold of a given device.The size Threshold defines the minimum value point from which on the Responsive size ratio percentage will take effect.In other words in order to make use of a given Size Ratio percentage, the default font size under the Typography Options should be equal or larger than the Size Threshold, otherwise there will be no effect at all.You have three sections that are customizable:

1. The Responsive Headings, that define the Headings H1-H6
2. The Responsive First group, that define the Title elements: Page / Post / Feature Section Titles
3. The Responsive Second group, that define the Description elements: Page / Post / Feature Section Descriptions & Leader Text, Subtitle Text, Link Texts and Buttons.

# Page Options

Let's create a new page by following the usual WordPress steps:

1. Go Pages > Add New
2. Give the page title
3. Add your content (use the amazing WPBakery Page Builder)

Just below the Tinymce Editor you will notice two meta boxes (sections for settings): One with the title 'Page Options' and another with the title 'Feature Section'.

#### Page Options

Here you can set everything you need apart from the content of the pages(you will use the awesome Page Builder for this). So, you will find the following, organized into tabs, sections:

1. Header/Main Menu
2. Title/Description
3. Content/Sidebars
4. Sliding Area
5. Scrolling Sections
6. Extras
7. Visibility

With these options you can override any options you have set in Theme Options > Page Options. This means that you can handle individually each one of your pages. We really believe that everyone MUST especially explore the Title/Description tab :)
Keep in mind that "Inherit" means that the settings from the options panel of Movedo (Theme Options > Page Options) will occur.
Under Content/Sidebars tab there are options to set up the paddings (spaces) among the content area (top, down) and the Header/Footer. For example if you need to collapse the first row of your content area or just your content area with the Header (or Feature/Title) you need to set the Top Padding to 0.

#### Feature Section

Movedo gives you the chance to add one of five special elements and to integrate your header with the feature section (Header Integration option). You can select among:

1. Title
2. Image
3. Slider
4. Video
5. Google Map

Follow the guidelines to set up the Feature Element of your choice. In addition, it’s worth trying your site’s Header under the Feature section in any page you like. This way you can create pages of totally different style. Finally, you can define the height of your feature section. Choose a full width section or specify the height you prefer in percentage. Keep in mind that you can also enable the Title Parallax Effect and/or the Bottom Arrow.
Note: Here you can use any of the 3 different menus (Default/Light/Dark) with separate logos that Movedo offers.

# Create Posts

To create a Post, go to:

1. Posts > Add New
2. Add a title
3. Add some content
4. Add categories and some tags

Movedo supports 6 custom post formats. These are: Standard, Gallery, Link, Quote, Video and Audio Post Format. You can simply choose the post format you need and follow the detailed instructions in the appeared metabox below the Tinymce editor.
Furthermore, you can set up the classic options (layout, sidebar, disable various post elements etc), just like in page options, under the 'Post Options' section.

## Post Options

Here you can set everything you need (just like in Page Options) apart from the content of the posts (you can still use the awesome Page Builder for this). So, you will find the following, organized into tabs, sections:

1. Header/Main Menu
2. Title/Description
3. Content/Sidebars
4. Sliding Area
5. Extras
6. Visibility

With these options, you can override any options you have set in Theme Options > Post Options. This means that you can handle individually each one of your posts. We really believe that everyone MUST especially explore the Title/Description tab.

## Standard Format Options

These are options that are related to every single post format that someone uses. For example, there are different options for the standard post format and different ones for the quote post format. It is of great interest to use the Movedo Style in standard post format if you are to use either grid or masonry overview.

## Feature Section

Last but not least, you can use the Feature Section in your single posts just like in pages. Movedo gives you the chance to add one of four following special elements. You can select among:

1. Title
2. Image
3. Slider (on the fly creation)
4. Video
5. Google Map

Follow the guidelines to set up the Feature Element of your choice. In addition, it’s worth trying your site’s Header under the Feature section in any post you like. This way you can create posts of totally different style. Finally, you can define the height of your feature section. Choose a full-width section or specify the height you prefer in percentage. In general, you are able to add various Effects in the Feature section elements.
In case you use Standard post format (the most common post format), just upload a featured image via the WordPress classic meta box (at the lower right corner).
You can enable/disable the Feature Section for each one of the custom post types (Pages, Posts, Portfolio Items) in Theme Options > Miscellaneous > Feature Section Post Types.

# Portfolio Options

To create a Portfolio Item, go to:

1. Portfolio > Add New
2. Add a title
3. Add some content (you can use WPBakery Page Builder)
4. Add description for the title
5. Add more details for the sidebar
6. Add categories and item fields (extra info in a list style)
7. Upload a featured image for your item

These are the basic settings you need to promote a work item in a very simple way. Furthermore, just below the editor, Blade provides for the portfolio items the same settings with the single pages. Finally, you can set some more advanced options for your portfolio media. Let’s see them briefly:

#### Featured Image

This is when you simply want only one image for your item (in overview and single view).

#### Classic Gallery

Add the images you prefer and you’ll have a gallery for your item.

#### Vertical Gallery

Add the images you prefer and you’ll have a vertical gallery for your item.

#### Slider

Add the images you prefer and you’ll get a slider presentation for your item.

#### YouTube/Vimeo

Add the video you prefer from YouTube/Vimeo and you’ll have it in the media section.

#### HTML5 Video

You can also add (after upload it) an HTML5 Video.

#### None

That means you disable the media and you prefer to use the feature section or the builder or simply no media.

#### Feature Section

Last but not least, you can use the Feature Section in your single portfolio items just like in pages. Blade gives you the chance to add one of four special elements. You can select among:

1. Title
2. Image
3. Slider (on the fly creation)
4. Video
5. Google Map

Follow the guidelines to set up the Feature Element of your choice. In addition, it’s worth trying your site’s Header under the Feature section in any page you like. This way you can create pages of totally different style. Finally, you can define the height of your feature section. Choose a full width section or specify the height you prefer in pixels. In general, you are able to add various Effects in the Feature section elements.
Note: You can enable/disable the Feature Section for each one of the custom post types (Pages, Posts, Portfolio Items) in Theme Options > Miscellaneous > Feature Section Post Types.

# Rows & Columns

## Setting your Rows

It is very important for the user to know the options Movedo offers in Rows in order to place correctly the elements given. Options are plenty; let’s have a look:

#### General

##### Section ID

Give a name/ID for the section (row). This will be useful if you need an anchor menu or create a one page (see Anchor Menus in this documentation).

##### Section Title

Give a title for the section (row). This will be useful if you use the full page template with the side dot navigation (see Menus in this documentation).

##### Font Color

Choose the color for your fonts so texts will be readable.

##### Heading Color

Set the color for your headings. Select among default, light, dark or one of the primary colors.

##### Extra Class

In case that you like to use one of your classes.

#### Section Options

##### Section Type

Select among 2 different row types.

1. Fullwidth Background - the background color will be stretched, this is the default option.
2. Fullwidth Element - the content of this row will be stretched and not just the background.

##### Section Window Height

Select if you like your section has the window height (just for this section and for all page's sections.

##### Background Type

Select the background for your section (row). You can use none, color, gradient color, image or hosted video and set your preferences. In case you use a background image, you can have default mode, parallax effect, fixed image animated image or even use the image as pattern.

##### Top Padding

You can easily adjust the padding top of your section (row).

##### Bottom Padding

You can easily adjust the padding bottom of your section (row).

##### Bottom Margin

Set the margin-bottom of your section (row).

#### Inner Rows

##### Columns Gap

Here you are able to select the gap anmong columns in this row.

##### Equal Column Height

The default option is None here and Movedo provides two more: Equal Height Columns and Equal Height Columns & Middle Content. Recommended for multiple columns with different background colors. Additionally you can set your columns content in middle. Finally, if you need some paddings in your columns, please place them only in the column with the largest content.

#### Responsiveness

Here you can hide any row/section you prefer on devices. You can hide rows on tablet, both landscape and portrait orientation, and on mobiles.

##### Desktop Visibility

If selected, the row will be hidden on desktops/laptops.

##### Tablet Landscape Visibility

If selected, the row will be hidden on tablet devices with landscape orientation.

##### Tablet Portrait Visibility

If selected, the row will be hidden on tablet devices with portrait orientation.

##### Mobile Visibility

If selected, the row will be hidden on mobile devices.

#### Separators

##### Top Separator

Select the separator you need for the top of your row. Then define its size (Small, Medium, Large, Extra Large) and its color.

##### Bottom Separator

Select the separator you need for the bottom of your row. Then define its size (Small, Medium, Large, Extra Large) and its color.

#### Scrolling Section Options

These options will take affect only if you use the Scrolling Full Screen Sections template.

##### Header Style

You can select the Header style, between Light and Dark, for this specific row.

##### Scrolling Section Title

Give a title for this row for the side dot navigation.

## Setting your Columns

#### General

##### Extra Class

In case that you like to use one of your classes.

##### Font Color

Choose the color for your fonts so texts will be readable. This will override your row color selection.

##### Heading Color

Set the color for your headings. Select among default, light, dark or one of the primary colors. This will override your row color selection.
The main parameter you have to set in columns(general tab) is the font color for the column.

#### Design Options

Here you can set background colors, paddings, margins and borders for the columns content.

#### Effects and Positions

##### Vertical Content Position

Select the vertical position of the content. Note this setting is affected only if you have set Equal Height Columns under: Row Settings > Inner Columns > Equal Column Height.

##### Column Effect

Amazing and Unique feature. Select the effect for your column amont the following:

1. None
2. Vertical Parallax
3. Mouse Move X and Y
4. Mouse Move X
5. Mouse Move Y

##### Change Columns Position

Select if you want to change the column position by setting YES here to get the following options:

##### 1.Top Position

Define the top position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels). With this method the spaces are being resized proportionally on devices.

##### 2.Bottom Position

Define the bottom position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels). With this method the spaces are being resized proportionally on devices.

##### 3.Right Position

Define the right position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels). With this method the spaces are being resized proportionally on devices.

##### 4.Left Position

Define the left position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels). With this method the spaces are being resized proportionally on devices.

##### 5.Z Index

Specify the z-index value of this column to create amazing designs.

#### Width & Responsiveness

First of all, you can change the width of your column. Additionally, you are able to set the responsive behaviour of your column in various devices or even to hide columns.Last but not least, based on your preferences under Effects and Positions you will be able to specify the column behavior on devices in order to reset the column position or disable the parallax on tablet etc.

# Safe Button

After the major success of the safe button of Osmosis, we came back with an extend new Safe Button. It's a total new version which is evolved and revealing. It's placed in Theme Options > Header Options > Safe Button Area.

This area contains three fields :

1. Safe Button Area Item : You can select the item you have created in the Area Item. It's a Custom Post Type where by using the WPBakery Page Builder and our handcrafted elements, you are able to add anything you wish. You can create any row and column and add any element you want.
2. Safe Button Layers : In this field, you can choose the amount of layers you want to create, from 1 to 3. Apart from the number of layers, you are able to select the color for each one of them. You can do that under Appearance > Customize > Colors - Safe Button.
3. Safe Button Image : Here, you can upload an image-logo for the safe button which will be the effect of the safe button while it opens and closes.

Keep in mind that in Post Types (pages, posts, single portfolio, products), you can overwrite the initial settings of the safe button and select a different kind for each one of your Post Type.

# Elements

Movedo comes with the WPBakery Page Builder, a visual layout builder that allows you to forget about syntax of shortcodes and create multiple layouts within minutes without writing a single line of code! You can edit, delete, increase and decrease size of each item. Furthermore, you can reorder the elements,copy-paste and save templates. It has very simple and instinctive interface! Don't forget to read the Rows/Columns section in this documentation, where you will discover the amazing responsive possibilities. As you can easily see, Movedo's elements are especially handmade for the theme’s preferences and they harmoniously use the amazing visual interface of the composer. That means you will not find just one WPBakery Page Builder copy in Movedo!
Let's take a brief look at the elements:

##### Title

This element will create a title that you can use to introduce a new section in a page or even an element. You can set the alignment, the header you prefer and the line-style(if you use a line).

##### Text Block

Add the text you like by using the classic TinyMCE. Additionally, style your text as Leader text or Subheading text to create more interesting text areas.

##### Divider

With this element you can create a divider (line, double line, dashed line or back to top) to better separate your elements and sections. Additionally, you can split you pages by using full-width dividers.

##### Custom Heading

This is what you read. You are able to select any Google font you like, set the size, the tag, align, color, line height and set the link URL.

##### Empty Space

Add a Blank space with the height you prefer.

##### Quote

Add your text, set the animation you like and your quote text is ready to be published.

##### Dropcap

Two styles for dropcaps. Add your text, choose your style, set the animation and save.

##### Button

The button element is an easy way to add a styled button to your page. Just choose the appropriate type(simple,line), size, shape and color and icons from 5 different Font libraries. Finally, fill out the other fields (text, link) and off you go!

##### Icon Box

Another element with multiple options. Firstly, select the icon size and the icon shape. Secondly, you can use any font from 5 different Font libraries, upload a png icon or even write a character(letter or number)! Give title, text, link, align, box color, advanced hover (if you like) and enjoy it!

##### Icon

Just like the Icon Box but with only a single icon and multiple options. Use any font from 5 different Font libraries, select the icon size, shape, colors, align, set the link.

##### Media Box

Media for Movedo means image, video or map. Combine one of these with title, text, link and you're ready!

##### Image Text

With this shortcode you can simply upload an image(with a video popup if you like), title,text and button(any type).

##### Slogan

The slogan element creates a slogan with two buttons. Simply add title, subtitle, text, line-style and buttons(1 or 2).

##### Call-Out

With call-out element you're able to choose your preferred style, give a title, your text, button and off you go.

##### Single Image

Upload a single image and give the align, animation, link you wish. You can have Image, Image Link, Image popup and popup video.

##### Slider

This element is not just a simple slider. Upload your images, select the navigation type and color. Set if you want autoplay, the slideshow speed, the image crop/resize! Don't forget to set it to full width element, it's great!

##### Gallery

The Gallery element has 2 different styles for showing your image galleries with various options. Classic Grid and Masonry with multiple options for hovers, overlays, columns and more. You can easily create full width galleries. Keep in mind that in Grid and Carousel style you are able to select the image crop.

##### Message Box

With this element you create a message text with an icon and background color.

##### Google Map

Give the Latitude/Longitude, set the zoom you wish for your map. Upload the marker you like, set the map height.

##### Video

You can just add a video(YouTube, Vimeo), even full width video.

##### Accordion

This element creates an accordion panel that expands when the user clicks on the title to reveal more information.

##### Tab

Simply add horizontal tabs as needed until you are ready.

##### Tour

Simply add vertical tabs as needed until you are ready.

##### Testimonial

This element creates a nicely slider out of your testimonials items. Go Testimonial > Testimonial Items and create your testimonials. Afterwards, add the testimonial element and define the various settings like categories, speed, navigation and more.

##### Pricing tables

Pricing tables is used to display any subscription options in an appropriate column. Create the tables you wish (don't overdone with this, 4 tables per row are enough) and add your data.

##### Progress Bar

This element creates horizontal bars that get animated in accord with the percent given; the best way to show your skills in a visual way with multiple styles.

##### Counter Element

This element can be used to quickly create animations that display numerical data in a more interesting way. You can set colors, icon, title, text and more.

##### Social Share

With this element you can simply add social media icons anywhere in your pages in multiple styles.

##### Typed Text

Add your prefix text, your suffix text and add-style the Typed Text which makes your text moves.

##### Team Member

This element takes in a quick profile for a team member/employee and formats it attractively. Add the information you wish, it's so simple.

##### Advanced Promo

This is a special element. You can easily create a nicely colored tabbed sections (rows) with image (logo), text and button. Just create multiple Promo Advanced elements in different rows, define the colors(backgrounds) you prefer and collapse these rows. This creates very appealing and interesting areas to show off your partners or anything else you wish. We recommend to use the Promo Advanced element on pages without sidebars.

##### Blog Element

The Blog element is undoubtedly one of the most important elements which most of the users will probably use. Based on that fact, Movedo really offers multiple options for this element. Let's see them briefly, starting with the basic styles.

1. Large Media
2. Small Media
3. Masonry
4. Grid
5. Carousel

###### Large Media & Small Media

- Set the Image Mode. You can select if you need a cropped featured image or a resized one for this blog overview.
- You can use only the Featured image in the blog overview and not the main media you have added in the single post.
- Define the Excerpt length for the texts, a very convenient option since you absolutely need different excerpt in the large media style than the grid with 4 columns for example.
- Add More Button if you like.
- Enable the Blog Filter in order to have filters just like the Portfolio Element.
- Set your preferable blog order (ID, Slug, Title) and order it Ascending or Descending.
- Align the Blog Filter.
- Hide the comments.
- Define the posts per page, the pagination.
- Set the order of the posts.

###### Masonry & Grid Style

- You can use only the Featured image in the blog overview and not the main media you have added in the single post.
- Set the Masonry Mode, select between Without Shadow and With Shadow mode. This is just a style option.
- You can use only the Featured image in the blog overview and not the main media you have added in the single post.
- Set the Columns for the Masonry Blog, the options are from 2 to 5.
- Set the Tablet Landscape Columns.
- Set the Tablet Portrait Columns.
- Set the Mobile Columns.
- Define the Excerpt length for the texts.
- Add More Button if you like.
- Enable the Blog Filter in order to have filters just like the Portfolio Element.
- Set your preferable blog order (ID, Slug, Title) and order it Ascending or Descending.
- Align the Blog Filter.
- Enable a Loader for your overview.
- Disable the Pagination.
- Hide the comments.
- Define the posts per page, the pagination.
- Set the order of the posts.
The only difference in the options between the Masonry and Grid style is that you can set the Image Mode (Auto Crop or Resize) in the Grid style.

###### Carousel Blog

Easily create a Blog Carousel. Set the number of posts per page, the navigation, the excerpt, the slideshow speed.

##### Leader Post

This element was specifically created for the needs of this Blog theme. Select between the Classic and the Movedo style, define the number of the posts, categories and many more.

##### Contact Form

With this element you can simply use any Contact Form 7 you've created. When using the Contact Form, the default layout is to have one field per row. However, you can have multiple fields in the same row with different styles by adding some HTML markup. For more details visit this related article on our Knowledge Base.

##### Pie Chart

With this element you can create appealing pie charts with multiple options.

##### Flexible Carousel

With this element you can create very appealing and interesting carousels to show off multiple elements. Add the Flexible Carousel in a row and click to start adding elements into it in order to have various content in the carousel. Create columns, define the responsiveness, select your navigation type and many more. Impressive?
It is worth noting that this is a complicated element so we suggest to use only the elements that you first see when you click the Add button.
In the majority of the elements you can define CSS animations with time delay.

# Sidebars / Widgets

#### Sidebar Position

First of all, you can define your default layout (full width, left or right) separately for pages, blog page and single posts via the option panel of Movedo. Notice that you can select your layout for pages, posts and portfolios, independently in page options, post options and portfolio options.

#### Widget Areas

There are 4+1 predefined Widget Areas included in Movedo: These are four Footer Sidebars and the Main Sidebar.

#### Create custom Widget Areas

You also have the option to create your own sidebars:

1. Go to Appearance > Sidebars
2. Write a name for the widget area and click Add New
3. The new widget will be created, click Save Changes and it's ready

Keep in mind that with Movedo gives you the possibility to use a sidebar with a full width element. That's design without restrictions!

# Image Sizes

Below you can see the image sizes from the functions.php file. We recommend uploading images of exactly the sizes listed below so as WordPress will not resize your images. This will give you better image performance and save some server bandwidth.
add_image_size( 'movedo-grve-large-rect-horizontal', 1170, 658, true );
add_image_size( 'movedo-grve-small-square', 560, 560, true );
add_image_size( 'movedo-grve-medium-square', 900, 900, true );
add_image_size( 'movedo-grve-small-rect-horizontal', 560, 420, true );
add_image_size( 'movedo-grve-small-rect-vertical', 560, 745, true );
add_image_size( 'movedo-grve-medium-rect-vertical', 840, 1120, true );
add_image_size( 'movedo-grve-medium-rect-horizontal', 900, 675, true );
add_image_size( 'movedo-grve-fullscreen', 1920, 1920, false );

# SEO - Search Engine Optimization

Movedo is built with SEO best-practices in mind. We use heading tags (H1,H2,H3...) for titles, main content and logo which is good practice for search engine site. It goes without saying that Movedo uses valid HTML5 code and CSS3. Search engines would love the clean code of Movedo. Additionally, Movedo uses internal site linking, which is vital for search engines (two predefined navigation menus, related portfolios etc). Movedo is also fully compatible with the two most popular WP SEO plugins, All in One SEO and WordPress SEO by Yoast, in case you need something more specific for your site optimization. Be sure that we have done our best for your site Google ranking.

# Translation & WPML Multilingual Plugin

Movedo is WPML ready in case you need it. We also offer one predefined position for the language selector, in the top bar of our Theme (if it’s enabled). Alternatively, you can add it in the header menu. So you’re able to easily use the WPML without deforming the basic theme style.

### Purchasing and Installing WPML

If you finally decide to use WPML (the most famous multilingual WP Plugin) you can purchase it from here. After installing and activating both Movedo and WPML you can find a getting started guide in Getting started with WPML.

### How to set and translate main features of Movedo

1. Using translation management. Read more details
2. Translation Management & Features. Read more details
3. Translating URL slugs. Read more details

### How to translate strings coming from Movedo

1. How to scan the strings of Movedo. Read more details
2. How to translate the strings of Movedo. Read more details

### WPML language switcher and Movedo

Movedo also offers predefined position for the language switcher, in the top bar of our Theme. Additionally, you can add the language switcher in the header menu or if you need to adjust a custom language switcher. There is a specific reference in here.

### Conclusion

Undoubtedly, Greatives team recommends the usage of WPML with Movedo if you wish to make your WP site runs multilingual with the easiest and safest way.

## How to translate the strings without WPML

First of all, we recommend to use the PO Edit to edit and/or translate the static strings of Movedo. When you install it follow the steps below:

1. Go to /movedo/languages/ folder, duplicate the en_US.po file and rename it using the appropriate language code (for example if you translate to French you need to re-name it as fr_FR.po). You can find all the codes here.
2. Then open the renamed .po file with PO Edit. Translate the strings in your language into the “Translation” column.
3. Click to save the file when you finish the translation. Then an .mo file will be created in the same directory (just like en_US.mo file).
4. Upload these 2 files in /movedo/languages/ folder.
5. Finally, you need to go to Settings > General and at the bottom of this page select your preferred language.

Note: Keep in mind that you do not need to translate all the theme’s strings, you can freely choose what to translate.

## Interested in translating a language for Movedo?

We would be grateful if you could help us translating Movedo in multiple languages. If your language isn’t included in Movedo and you translate it on your own, we’d really appreciate it if you could send it to us. In addition, we will include it in the next update of Movedo, so you won’t have to re-upload it. Finally, this will also help out many other users of Movedo.

# CSS & JavaScript files

CSS files used in this template:

1. elements.css contains the basic styles for elements, widgets.
2. theme-style.css contains the basic styles for theme.
3. responsive.css contains the responsive behavior of Movedo.
4. font-awesome.min.css contains the font-awesome style.

Movedo Theme imports the following JavaScript files.

1. main.js
2. plugins.js
3. maps.js
4. modernizr.custom.js
5. ajax-login.js

# Sources and Credits

The images included in preview are for demonstration purposes only. In case that you import dummy data, you will have placeholders instead of images. Most of these have been purchased from Shutterstock but you can also find some others for free in Unsplash. For the Movedo's videos, special credits to Davide Quatela for this amazing video.

1. Redux Framework
2. WPBakery Page Builder
3. Font Awesome
4. Owl Carousel
5. Magnific popup
6. CSS Animations