Need additional help or have a question we haven't covered?
Shoot us an email and get answers directly from THEMESLEKTOR staff!Shoot us an e-mail
We include a couple of import files, so you can set up your site in no time. We provided you with 5 different import files to chose from: Posts, Pages, Portfolio, Media and All.
If you just want our pages, import the pages.xml, and media.xml files. For posts, import the posts.xml and media.xml. If you want all of our demo content (including the WooCommerce demo content), just import all.xmlNote: Prior to import, make sure theme is installed and activated
Here you will be greeted with the importer screen. First of all, select the 'Choose File', and locate the import files from the theme folder you downloaded ( Mondrian/Demo ).
Next, click on import button, and a new window will appear asking you to select the users to assign the data to. Just select one of your local users, and the import will continue.
Depending on the speed of your hosting server, it may take some time to import all of the data.
To create a post, you need to select your format first.
Click the “Add Media” button just below the title, and on the left side of the popup box, select "Create Gallery". Next select some existing images, or upload new ones, and click "Create a new gallery". On the next window, select image sizes on the right side ( we recommend at least "Large" ), and click "Insert Gallery".
Mondrian allows you to change global post settings in the Theme Options to your preferences and style the post to your liking.
You can select whether you want to show the footer or not, number of footer columns and if you want to use a secondary footer in the Theme Options, You can use select between 1 and 4 footer columns.
Here you can do everything like in the post settings (header styles, main menu, sticky menu, body margin, footer, etc.)
In addition, in Portfolio Details, you can select if you want the author’s name to appear in front-end, If you do want that, simply type it and select “Show author in portfolio” - in the Theme Options -> Portfolio Settings -> Author.
You can also choose to show date, category or social icons in the Portfolio Settings in Theme Options.
Recommended logo size is 160x80px and the theme supports jpg, jpeg, png or gif formats. To add a logo click on the button “Add Logo” and paste the address in the field.
You can add a retina (320x160px), light (160x80px), dark (160x80px) or sticky (160x80px). You have to have “sticky menu” enabled first), mobile (maximum height is 50px) and favicon (192x192px). Favicon only supports png format.
First of all, to properly display a menu, you must make some preparations.
Go to Appearance -> Menus -> Display Location and check “Main Navigation Menu” to create a menu.
In Header Settings, you can choose the header layout and whether you want to show search, social network icons or WooCommerce cart by selecting “on” or “off”.
Sticky menu: You can turn sticky menu on or off and select menu layout.
Secondary menu: Turn secondary menu on or off
Side menu: Use side menu on or off.
In Archive Settings, you can choose a boxed or full width in “Archive Width”, Archive layout (five layouts, plus random), Archive Style (three styles),
Also, in Show Overlay, you can select how you want the overlay to be shown (on hover or always).
In Overlay items, you can select what items will appear on grid boxes. This includes Category, Title, Author and Date.
In Border, you can select the size of your border between item boxes. You can select 0px, 5px, 10px, 15px, 20px, 25px or 30px).
In Post Settings, you can show the Author, Date Category, Tags, Comments and Previous/Next post navigation by selecting on or off next to them in this section.
Sidebar: Select whether you want the sidebar to appear on the right, on the left or not at all.
Social sharing: You can turn show sharing icons on or off and select the icons you want to show, like Facebook, Twitter, Google+, Tumblr, LinkedIn, Pinterest, Redit…).
Post templates: Select one of three post template styles.
Featured image: You can crop a featured image from the left, top, right or middle.
Related content: You can show related content by latest article, same category, post tags, same author or random related content in the “Related content criteria”. Related posts will be shown under the post.
Under “General” you can select the background, primary and secondary color of the blog.
To add a background image, go to “Choose background image, click “Add image” and add an image there. You can also select background position (left top, left center, left bottom, right top, right center, right bottom, center top, center center or center bottom), background size (auto, cover or contain) and background attachment (scroll, fixed).
In Main menu, you can select background color, box shadow and transparency.
Dropdown menu: Same as Main menu
Secondary menu: Select background color. Box shadow (yes/no), transparency.
Body: Select Font Family from the dropdown menu.
Headings: Select Font Family from the menu and color, font size, line height, text transform, font weight, font style and letter spacing for H1, H2, H3, H4, H5 and paragraph.
Paragraph allow you to choose color, font, font size, font weight and text transform.
Anchor links: Select the color of your anchor link and the color when the user hovers over them with their mouse.
Grid: Select the Overlay Text color.
Main menu: Select color, hover color, font family, letter spacing, font weight. You can do the same for Dropdown menu, Secondary menu, Sticky or Side menu.
Footer: Select the color of the title, text, link, hover and border in your footer.
Secondary footer: Select the color of the title, text, link, hover and border in your secondary footer.
Mondrian has three custom WordPress widgets. These are:
Allows you to display recent posts with images in the sidebar
To show social icon widget, you have to enable them in Theme Options->Social Settings
You can display the selected author in the footer or sidebar. To add a picture, the author must have a Gravatar profile and add a picture there.
To enable any of these widgets, please go to Apperance->Widgets, and insert the widget into the desired widget area.
A lot of our widgets use group field. The basic usage of group field is, as follows:
When you create a widget, you are greeted with shrunken down version of the group field. To expand it, just click on the caret icon on the right side.
To add new group filed, click on the big plus sign on the bottom.
To rearrange the fields, place your mouse cursor on top of the arrows icon on the far left side of the field, click the left mouse button, and without releasing the button, drag and drop the desired field in it's new place.
Allows you to build a custom grid. You can select a grid style, show overlay (on hover or always) and the space between items in px).
Below this, you can select the box type: Post, Portfolio, Team, Custom Content or Product.
Post: Box size determines the size of the box. It can be: big, small, tall or wide. Once the box size is selected, the user can also choose what items they want to appear in the box. This includes: Category, Title, Author and Date.
Team: When selected opens some new elements, such as the name and position. You can also add a background image or social networks, as well as add a Link by clicking “Select URL” button and adding the desired URL.
Custom content: Same as Team, except you can add any content inside. For instance, you can add a HTML in the “Content” field, as well as add a title, background image or link and select the box size.
Here you can add a title to the CTA and add some text in the editor. You can also align the text and add a CTA button. If you select a button, a new tab will open. You can select button style and size, align the button, change text, text hover, background, background hover, border and border hover color.