Thanks for purchasing Eva!

We hope that you will enjoy our theme as much as we do!
Help us improve Eva with cool updates and new features by leaving a positive rating on ThemeForest

  1. Log in to ThemeForest and navigate to your Downloads
  2. Choose Eva in your purchases list and select stars around it to leave a rating
  3. Thanks! Your input will help us to dedicate more time to theme updates and new cool releases, absolutely FREE for you!

If you've noticed a bug or have a question, which is not covered in the documentation, don't hesitate to submit a support ticket.
We are always here to help you! And we are always grateful for your advice on how to make our themes better.

Now you can start installing and setting it up :) Keep this file handy, because it contains all the most frequent user questions.

Installation

If you already have WordPress up and running, you can continue reading further. If you don't — the previous steps before theme installation can be found in our beginner guide.

Requirements

For your theme and plugins to work properly it's important to have the hosting, that meets the following configuration:

  • PHP version 5.3.2 or greater
  • MySQL version 5.0 or greater
  • The mod_rewrite Apache module

Digiplum and Wordpress recommends to go for at least PHP 5.6 + and MySQL 5.6 +, because everything that's older than that is very outdated.

Wordpress is required to be 4.3 or later. Keep in mind, that the best way to stay secure is to be always up-to-date!

When working on your theme locally, please always have the Internet connection on.
Otherwise if you choose any Google Fonts in the settings, they won't be loaded.

Wordpress Basics

For those who are not familiar with WordPress and don't know where to start, we recommend the official guide by WordPress.
Here is the link to download the latest WordPress. After you install it on your server, you are ready to go on with the theme!

What's inside the package

When you unzip the file that you've downloaded from ThemeForest, you will find the following inside:

  • Eva.zip – the main theme file for installation
  • Licensing – contains the information about Eva's licensing.
  • Documentation – theme general documentation that you are reading now

Theme Installation

For theme installation you would need only Eva.zip. You have 2 ways to install it:

  • WordPress Admin Panel – Navigate to Appearance > Themes. Click on Add New. Then browse to the Eva.zip file, select it and press the Upload button to upload and install the theme.
  • FTP – Extract Eva.zip file into your desktop. Upload eva folder to /wp-content/themes/ folder on your server. Login to your WordPress Admin Panel. Navigate to Appearance > Themes. Choose Eva and click on Activate button.

Check out the official WordPress guide about theme installation and activation.
Here is the guide how to correctly install the Themeforest theme and what common errors should be avoided while installing.

Theme Setup Guide

Install and Activate Plugins

After you activate the theme, you will have the alert message at the top of the screen with the list of plugins the theme needs to function at full capacity. Plugins Alert Message Click on Begin Installing Plugins link and on the "Install Required Plugins" page select all the plugins by clicking on the very top or very bottom checkbox. Choose Install from Bulk Actions dropdown and click Apply

After you've installed all the plugins the following alert message will appear: Theme Setup Alert Message Click on the Start Setup Guide button in this message (or navigate to Eva Panel > Setup Guide) to begin the Theme Setup process.

Create a Child Theme

The very first step is the child theme creation. It is needed for keeping both your code changes (if you ever would want to change the code) and official updates in place when you're updating Eva. Create a Child Theme The child theme will be created automatically after you hit the Switch to Child Theme button.

The only two files necessary for the child theme are functions.php and style.css. Template .php files are only created when you want to make a deviation from the original templates from the parent theme.

functions.php

You can add your own custom functions and WordPress hooks callbacks into that file (like connecting new .css and .js files, adding GA analytics etc).

templates

All template .php files in the root folder and inside the templates folder can be changed for the child copy.

When you have your child theme active, the system will first look for each template inside the child theme folder. And only if it couldn't find anything there, it will go to look inside the parent theme.

Example: you want to change how post title looks.
For that you should recreate the same path for the template inside the child theme, as it had inside the parent: post-templates/components/title.php. After creating new empty folders inside each other - post-templates, components copypaste title.php template inside the components folder in the child theme. Now you can change what you want inside title.php, and it will be loaded instead of parent's title.php.

We wrote an article about why you need a child theme here. Basic information about child theme inheritance can be found in the official WordPress guide as well.

Import Demo Content

We have developed different demo sets for recreation the demo sites exactly as they were.

But:

  • If you have your own posts on your site already, they will be mixed up with the demo posts and ordered by date
  • If you decide to import different demo sets one by one, their posts will be mixed up and displayed by date.
  • If you have your own logo selected in "Site Identity" section of Customizer - it won't be changed to the demo one.
  • If you interrupt the process, image misplacement and errors can occur

Be aware though:

  • Your widgets in Eva sidebars (if you've already added any widgets there) will be deactivated and replaced by demo widgets.
You can always use the Reset plugin to remove all the data from your site and return to the after-the-WordPress-installation state.

Choose the demo thumbnail that you like and click on Import Demo Data button. Create a Child Theme
Please be patient, import could take some time. Please, do not close the page or click on any links while waiting!

After the demo setup you will be able to customize your site via WordPress Customizer or Eva Theme Panel.

Customize

Also you will be able to hide the Setup Guide page if you don't need it anymore. It always can be restored in Import/Export page.

Assign Menu

Eva has 3 locations for custom WordPress menu - the Main Menu? the Main Mobile Menu and the Secondary Menu. It supports 3 levels of drop-downs. To assign a menu to the Main Menu location navigate to Appearance > Menus page.
Here you can create a new menu by adding links to it or use the existing ones (if you imported the demo content, you will have demo menu examples).

You can map a menu to the location in 2 ways:

  • In the Manage Locations tab, select the menu you want to assign in Select a Menu dropdown opposite to the Main Menu.

    Hit the Save Changes button.

  • In the Edit Menus tab, while editing the menu. Scroll down and check the checkbox Main Menu in Theme Locations option.

    Click on the Save Menu button.

Also you can create a new menu and place it to the default WordPress Menu widget to use in a sidebar or footer.

More info about WordPress menus in the official WordPress Guide.

Thumbnail Regeneration

If you'd already had any media content before you changed you theme to Eva (or it's child), you would need to regenerate all your images to the new thumbnail sizes.

There are plenty of plugins to help you with that, you can select any of them. We prefer using AJAX Thumbnail Rebuild.
Install the plugin and navigate to it's page (in case of AJAX Thumbnail Rebuild it's Tools > Rebuild Thumbnails).
Select all the thumbnail sizes and click on Rebuild All Thumbnails buttons. You would need to wait a bit while the plugin are creating new thumbnails. It can take some time, if you have lots of images.

Theme Update

Before any update you should always:

  • backup all the files and the database you have on your server. So that if anything goes wrong you would be able to revert back to your current site's state. Usually you can do it in your hosting account or with the help of different backup plugins like this one.
  • avoid keeping copies of Eva (and it's child theme) in the same folder /wp-content/themes/ (it would lead to the system malfunction, because you'd have 2 themes with the same id).
  • follow the alerts about required plugins installation, activation and available updates, it's important to have all the required plugins installed and up-to-date.
  • check our changelog and updates notes.

For the theme update you will need a fresh Eva.zip copy, that you can download from your ThemeForest account. You have 2 ways to update it manually (same as in Theme Installation) and 1 option to keep it up-to-date with the plugin:

  • WordPress Admin Panel – Navigate to Appearance > Themes. Select Eva theme, Deactivate it and press Delete. Then click on Add New. Browse to the Eva.zip file, select it and press the Upload button to upload and install the theme.
  • FTP – Extract Eva.zip file into your desktop. Upload contains of eva folder to /wp-content/themes/eva folder on your server. Update the plugins if there are any alerts.
  • Install Envato Wordpress Toolkit and always be aware of all the updates of the products you bought in Envato.
    You will see the alert in the admin panel with the link to that plugin - install and activate the plugin.
    Obtain your API Key by visiting your "My Settings" page on any of the Envato Marketplaces.
    Navigate to the Envato Toolkit page and type in your Marketplace username and secret API key. Then you should see a list of themes that can be auto installed.

Theme Options

Theme Options is the main section for a theme view customization. It's available in WordPress Admin Panel or in WordPress Customizer (exc. 'Advanced').
To access Theme Panel in WordPress Admin Panel navigate to Eva or to Eva Child (with a plum icon). It is divided into 4 logical pages (Settings, Advertisement, Social and Advanced) with tabs and options inside. Almost all options have additional help text with tips and instructions.

Settings

This section has all the important settings for the theme: switches to hide/show elements, upload the logo, change colors etc. Theme Panel Screenshot

Most of the options are self-explanatory. The rest we'll clarify now.

Homepage Setup

First, make sure that you have Your latest posts option selected for Front page displays. Go to Settings > Reading and check Your latest posts as your homepage. Below that section you can also adjust how many posts you would like to see in the post list on the homepage. Click Save settings.

After that go to Theme Settings > Pages and Posts > Home Page and select the layout, sidebar position, slider and collection to display on your Home Page.

Service Pages

Navigate to Theme Settings > Service Pages and select the feed layout templates for the archive, search results, tag, author and category pages. It can be useful to have separate designs for different pages across the site.

Post Settings - When on Home/Service Page

This section controls the design of the post card when the post is inside the feed (Home Page or any other feed page). Navigate to Theme Settings > Pages and Posts > Post Settings - When on Home/Service Page. You can control:

  • the visibility of the relative posts block below the post card in desktop and mobile views
  • the visibility of the sharing block in the post card
  • the type of the content text that will be shown - whether it will be excerpt or teaser. (More about the difference can be read here.)

Single Post or Page

Those sections control the design of the single post or page. Navigate to Theme Settings > Pages and Posts > Post Settings - Single Post or Page Settings - Single Page to select:

  • sidebar position
  • the visibility of the relative posts block in desktop and mobile views (posts only)
  • the visibility of the sharing block on the page
  • the visibility of the author block (off by default for pages and visible - for posts)

Post Settings - General

Theme Settings > Pages and Posts > Post Settings - General section controls the elements that are always seen on the post card, both inside the list of posts or on the single post page.

Here you can sharp the content of a post subtitle, avatars shape (square or rounded) and relative posts number. You can also turn placeholders for the relative posts that don't have any featured images.

The footer is divided into 2 sections — 1) full-width and 2) default grid.

footer switches footer screenshot

Full-width section makes all the widgets inside it become full width and centered. Grid section lets you choose the width of each widget, so that you can have almost any combination within 12 column grid.
You would also need to fill them with widgets as you do with every ordinary sidebar.

Typography

This section helps you to sharp your site's text display. You can change font family and style for 7 areas here:

  1. Basic — rules are applied to the whole website, will be loaded for everything (that doesn't have any other individual rules)
  2. Headers — rules are applied to all headers
  3. Widget Headers — rules are applied to

    • all widgets headers, comments section headers
    • author description header, related posts headers, previous & next navigation
    • service page headers (such as 'Category: ', 'Tag: ', 'Archive: ' etc)
    alternative headers screenshot
    service headers screenshot
  4. Menu — rules are applied to all text inside the menu at the top
  5. Buttons — rules are applied to all text inside buttons
  6. Post Card Meta Info — rules are applied to the links above and below the post title
  7. Mobile Menu — rules are applied to all text inside the mobile menu tab

Also it's possible to calibrate the font size for those 7 sections. Basic font size will be set as is to all the normal paragraph texts. Headers and Widget Headers font size will be set for H1 headers and then applied to H2, H3, H4, H5 and H6 headers according to the proportion of this H1 value.

If you've chosen a font from the Google Fonts, you can also specify what extra styles you would like to load along with regular font style. It is better to load only the styles that you really need. Google Fonts speed options screenshot

You can also upload your own custom fonts via Advanced page. If you do, they will appear in all the Family dropdown options for you to use in the theme.

On this page you can select the banner, that will be shown on: the header section (if there is a place designed for it), the home page, service pages and single posts/pages.
Banners should be created beforehand to form the dropdown option to choose from.
By Position in the Feed or Position you can set a placement of the banner inside a feed or a content.

Social

Social page controls everything that's about social media networks. It has 3 sections: Social icons, Sharing and Author Card.

Social icons is a collection of icon + link pairs, that can be displayed inside widgets and templates.
To add a new pair just hit the + Add Field button and type the link in the appeared text input. social icon add screenshot

Then click on the generic link icon near it. You will see the popup with social icons social icons popup screenshot — select the one you need, and it will be added to the pair.
Don't forget to click on Save Settings to save all the changes.

Sharing helps you to set the sharing icons for the Share Block sharing on every single post or page. Just select the ones that you would like to see in this block.

Author Card controls which author accounts can be shown in the author card under the post content on the post page.

Advanced

Style Kit

This section allows you to try colors and fonts from the demos without actual import of the whole sites via One Click Installer.
No layout functionality will be changed, only colors and fonts.

Custom Typography

This is the section for custom advanced typography settings. It's better handled if you are familiar with coding.
The page can be divided into to logical areas - custom fonts and advanced google settings.

Custom typography

— 3 blocks where you can setup up to 3 different custom fonts (one block per font).

  1. Connect you your server via FTP. Create new folder custom-fonts inside path-to-your-wordpress/wp-content folder on your server. Upload the font files to this new folder on your server.
  2. Set the family name in the form for #1, #2 or #3 Font Area.
  3. Map those files to the font. You will have 2 choices (controlled by Use text field to insert code directly switch):

    • Type in individual links to each font file — paths must be relative to wp-content (examples of the possible paths are in the screenshot further). For each file format you should create extra input by clicking on + Add Field button. Formats supported: woff (required), woff2, ttf, eot or svg.

      If your custom font has files for bold, italic or italic bold styles - add the paths to them the same way you did for the regular style before.
    • Use textarea to insert @font-face rules (usually provided by the source/author of the font).
      font-family: inside this code must have the same name you used in the family name option above. Also please pay attention to all the urls inside, they should be relative to your root folder on the server (or they can also be absolute urls to some third party resources, but usually you have to host files on your own).
  4. As a result your custom font will be identified and used inside the dropdowns in Typography section.

Advanced Google Settings

— here you can select the right subsets that should be supported by a font for the correct display of your blog's language.

Advanced code

Use this section to input custom CSS and JavaScript code. Be careful :)

Import/Export

This is the page, where you can create or restore a theme settings backup file. Use Export section to export data and Import section - to import data file. Here you can also return the Setup Guide page back to the menu.

Posts

If you are not quite familiar with WordPress Posts, please read the following official guides first:

Formats & Settings

Eva supports 5 post formats. You can change a post format when editing a post in the admin panel. post format option screenshot Each format has it's own options and settings that affects post output.

More about post formats and it's differences — in official WordPress article.

Common Post Settings

Apart from the default WordPress options for posts (like comments, featured image, categories, tags etc.) there are some custom theme options, that are common for all the post formats:

  • Sidebar Position — overrides global Sidebar Position option for a single post from the Settings page. Sidebar Position
    Live examples: with a right sidebar, left sidebar and without sidebar.
  • Author block — overrides global Author block option for a single post from the Settings page. Can be left to default (equal to the global value) or set to either hide or show.
    Live examples: with an author card and without it.
  • Sharing block — overrides global Sharing option for a single post from the Settings page. Can be left to default (equal to the global value) or set to either hide or show.
    Live examples: with sharing and without it.
  • Related stories block — overrides global Related stories option for a single post from the Settings page. Can be left to default (equal to the global value) or set to either hide or show.
    Live examples: with related stories and without them.
  • Banner — overrides global On Single Post or Page: Banner option for a single post from the Advertisement page. You can leave the default (equal to the global value) or select any other banner from the dropdown. ( Banners should be created beforehand to form the dropdown option to choose from.)
  • Banner position — overrides global On Single Post or Page: Position option for a single post from the Advertisement page. Controls the banner placement on a post page. Banner position

Standard Post

This is a standard post with images and text. It supports all the common options mentioned above.

Gallery Post

This is a post with a gallery or slider with images attached. Gallery post title always has the number of photos in hover text above the featured image for readers to know, how many images are inside. Gallery post title Various options let you display those images differently when in a feed and when in single post view:

  • Image source - choose the source for the gallery images. It can be custom (which will require to use Gallery Images field below) or the images can be fetched from the collection or slider created before. The later can be useful if you have photos that you plan to use across different posts and pages several times.
  • Gallery Images - click on the Add or Upload Files button. The normal WordPress Media dialog popup will appear. Upload your images. Select the images you want to appear in the gallery and click Use these files.
    If you want to rearrange the images in the gallery, just click on any image and drag it to the correct place in the line. If you want to remove any image from the gallery, click on the minus icon on it's left corner. Gallery Images
  • Slider view - check if you would like your images to be displayed as a slider or carousel. Keep in mind that you would need n+1 images for n per show slides.
  • Images per Line - Feed View - select how many images would be shown per line (or per show, in slider) when the post is in a feed page. Maximum value is 4. Only the first line of images will be shown in a feed page (to speed it up and avoid heavy load).
  • Images per Line - Single View - select how many images would be shown per line (or per show, in slider), when the post is in a single post page. Maximum value is 4.
  • Slider Autoplay - sets the autoplay for slider gallery.

Global options for gallery sliders design across the site can be set in the Theme Panel. Navigate to Theme Settings > Pages and Posts > Slider Settings - Gallery Post and set the desired speed and navigation options.

Examples: Gallery post, Slider and Carousel(Slider) with 2 images per show

Audio Post

This is a post with an audio attached. It can be Embedded or Uploaded - you should select the type in Choose type dropdown.

If you choose to embed, just copypaste the link to the Embedded code input field. You will see the preview in a few seconds. All supported media services are listed here.

If you want to upload the file, make sure you have at least .mp3 or .m4a file ready to go (additional formats for better cross-browser support: .ogg and .wav). Click on Add or Upload File near one of the format input fields and select the file of that format in the default WordPress media popup.

You can also control whether you want to show the featured image above the audio player or not. It can be handy, when you embed something that already has it's own image.

Examples: embedded and self-hosted

Video Post

This is a post with a video attached. It can be Embedded or Uploaded - same thing as in Audio format above. The difference is only in file formats in Uploaded version: .mp4 (required), .ogv (or .ogg), .webm.

You can also upload a poster image for the video. It will be shown before a user hits a play button.

Examples: embedded and self-hosted

Link Post

This is a post with a link. All links inside the post will have special styling to attract more attention than usual. This post format is often used for promotions.

Example

Sliders

You can add a new slider by clicking on Sliders > Add new inside the Admin Panel.
First you should select the Slider type:

Image Slider:

  • Inside the "Choose Slides" section click on the Add or Upload Files button to insert and image. The normal WordPress Media dialog popup will appear. Upload and/or Select the image you want for the slide and click Use this file. This image will be attached to the first item of the slider.
  • Then type in the target link in Slide Url option.
  • Add texts to the Slide Text field. It should contain a short, few words description of the slide.
  • Click on Add Another Slide button to add more slides. Use Remove Slide to remove the ones you don't need and up and down arrow buttons - to rearrange items order inside the slider.

Post/Page Slider:

  • Inside the "Slider posts" section click on the Select Internal Posts & Pages dropdown. Search for the post that you would like to include inside the slider.
    Post featured image will be used as an image inside the slide, so there won't be any need to select the image manually. Post links and meta info will be used inside the specially designed templates as well.
  • Click on Add Another Slide button to add more slider items. Use Remove Slide to remove the ones you don't need and up and down arrow buttons - to rearrange items order inside the slider.

Examples: images and posts

Query Post Slider:

  • Inside the "Query options" section select the number of posts you want to include in the slider.
  • Then choose categories and/or tags those posts should belong to.
  • Afterwards select the order (by date, title, comments etc.) in which the posts should appear.

In Item Display options you can groom slider functional and design options. Different design option examples can be found in the demo site menu under Features > Slider Options

There are 2 templates available at the moment: Classic and Modern

When you save the slider, the Slider shortcode section will appear, where you can select and copy the shortcode to use across the site if needed.

Collections

Collection is a group of "image + description" items which represents alternative navigation block for your users. You can add a new collection by clicking on Collections > Add new inside the Admin Panel.
First you should select the Collection type:

Image Collection:

  • Inside the "Choose Images" section click on the Add or Upload Files button to insert and image. The normal WordPress Media dialog popup will appear. Upload and/or Select the image you want for the collection and click Use this file.
  • Then type in the target link in Url option.
  • Add texts to the Title and Subtitle fields. Title should contain the main navigation label and Subtitle - short, few words description.
  • Click on Add Another Item button to add more collection items. Use Remove Item to remove the ones you don't need and up and down arrow buttons - to rearrange items order inside the collection.

Post/Page Collection:

  • Inside the "Collection posts" section click on the Select Internal Posts & Pages dropdown. Search for the post that you would like to include inside the collection.
    Post featured image will be used as an image inside the collection item, so there won't be any need to select the image manually. Post links and meta info will be used inside the specially designed templates as well.
  • Click on Add Another Item button to add more collection items. Use Remove Item to remove the ones you don't need and up and down arrow buttons - to rearrange items order inside the collection.

Examples: images and posts

In Item Display options you can choose the number of items per line, thumbnail size and design options.
There are 3 templates available at the moment: Text Over Image, Text Below Image Centered and Text Below Image Left Aligned

When you save the collection, the Collection shortcode section will appear, where you can select and copy the shortcode to use across the site if needed.

Banners

Special pages that can be attached to banner places inside other pages and banner widgets. Banners are chosen and mapped to their placements inside Advertisement theme page.

You can add a new banner by clicking on Banners > Add new inside the Admin Panel.
First you should select the Banner type:

Image Banner:

  • Click on the Add or Upload Files button. The normal WordPress Media dialog popup will appear. Upload and/or Select the image you want for the banner and click Use this file. This image will be shown as your banner.
  • Then type in the link for the banner in Target Url option.

Image Banner for Internal Post/Page:

  • Click on the Add or Upload Files button. The normal WordPress Media dialog popup will appear. Upload and/or Select the image you want for the banner and click Use this file. This image will be shown as your banner.
  • Select the internal post or page for the banner in Select Internal Posts & Pages option. You can begin typing a keyword in the search field as well to narrow down the dropdown results.

DIY Banner:

  • Click on the Add or Upload Files button. The normal WordPress Media dialog popup will appear. Upload and/or Select the image you want for the banner and click Use this file. This image will be used as a background for your banner.
  • Type the content of you banner into the editor Type copy text field.
    You can use the same tags and shortcodes as in normal post content field. The text will be shown over the image. The default text color will be white, links color will be base on the theme settings.
    You can overwrite those styles by using default editor's Text color option or by writing your own styles in your child theme. (Each banner has it's own unique id attribute applied to the main banner container in the code, so the last one wouldn't be hard if needed)

HTML/Flash Banner:

  • Copypaste the code for the banner in Insert Code option.

To set a featured image for your post, go to Posts > Target_Post > Set Featured Image. Click on the Set featured image link, upload and/or select the image you want. Click on the Set featured image button, and the image will be attached to the post. Save your progress afterwards.

Be aware, that if you don't set any featured image for the post, it will be left with no image to show inside various post lists and feed pages.

In the Related Stories Block though, any post without a featured image will be displayed with a transparent or random monocolor placeholder (if you turn this option on)
placeholder switch placeholder with placeholder
This way we'll avoid crashing the row or hiding relevant posts, only because they don't have a thumbnail. The random color will be calculated from the link color theme option from Settings, so that it stays in harmony with the theme colors around.

Author info

To edit the info for the author card you should navigate to Users > Your Profile or Users > All Users > name_of_the_author in the Admin Panel.

There, on the edit page, you can change any fields you want: Biographical Info, Display name and Contact Info with Social profiles within it.

To add social profile fields to Contact Info (other than "Email" and "Website"), navigate to Social > Author Block Social Icons in the Theme Admin Panel and make sure that Special social fields is switched on.

To change the avatar, author should change it in their gravatar.com account. Check out the WordPress official guide for Gravatars.

If you want to hide or show author's email icon in the author card, you should navigate to Social > Author Block Social Icons in the Theme Admin Panel. There will be the Author email icon switch which controls email icon visibility.

Pages

Page Builder

Page Builder is a functionality that was added to the theme in 1.3.0 version. It helps to create a custom page by using special pre-defined elements.

From 1.3.5 version there is a new "Section" element available. It's main purpose is to unite other elements within one dedicated block, which can have a custom background color, image, overlay and spacings.

To add an element, click on the Add Element button and choose the element type you would like to see on the page. After that the bar area will be added to the main builder area to visually represent this element's place on the page.

You can interact with the bar by dragging and dropping (or tapping) it to change it's position with the general list or within a "Section" element. Also you can change it's width if you grab and move it's right corner. (The only exception is the "Section" element: you can't drag a section inside another section, and the section's width is always 100%)

Hover the element and click on the Edit icon to set a specific options for the element (e.g. number of posts to display for a "Blog" element or whether to hide it on mobile display etc.) Use Clone button to copy the element - the clone will appear right after the parent one.

If you are using the "Default" page template (content+sidebar) it can be useful to put some elements above the sidebar. Top bars can be programmed to be positioned above the sidebar on the page ("full width" mode) by hitting the Arrow Upwards icon. Only the first element or the element that follows a "full width" element can be set as "full width".

If you want to compose the entire different page and use the whole window width for some of your elements, you should choose "DigiPlum Builder Blank Template". Then your design won't be limited to the default template's 1170px max width: your "Section" elements would take the whole window width and you would be able to choose whether to set the section's content within the grid or stretch it.

Add Contact Form

For contact page we recommend Contact Form 7 plugin. It is pre-styled by Eva. Navigate to Contact > Add New or Contact > Contact Forms > Target_Form.

Create or edit your form by using the following code (it's a default one for the plugin):

Your Name (required)
[text* your-name]

Your Email (required)
[email* your-email]

Subject
[text your-subject]

Your Message
[textarea your-message]

[submit "Send"]

Afterwards, find the shortcode against your form in the Contact Forms table. It should look like

[contact-form-7 id="X" title="XXX"]
Copypaste it to any page or text widget you want.

Go deeper with the Contact Form 7 official guide.

Set a Custom Homepage

If you want to set a static page as the homepage, you would need to:

  • Create an empty page to be your Posts page (the feed with all your latest posts).
  • Navigate to Settings > Reading. Inside the Front page displays option choose A static page (select below). After this, select a page in the Front page dropdown for the new Home page. And the page you've created before — in the Posts page dropdown for the Posts page. Save the changes.

Widgets Setup

Eva has 4 sidebar areas:

  • Post sidebar — the sidebar that is displayed on: the home page, service pages and single posts.
  • Page sidebar — the sidebar that is displayed on all single pages.
  • 2 sidebars for Footer sections: Fullwidth and Grid.

All 4 areas can be edited inside Widgets page in Admin Panel.
Navigate to Appearance > Widgets. Drag any widget you want from the Available Widgets list to the target sidebar area on the right. You can rearrange widgets inside the lists by drag and drop action.

Read more about sidebars and widgets in official WordPress guides.

Bundled Widgets

Widgets, that were installed with WordPress, are considered to be the default ones. They and 5 extra theme widgets are supported by the theme.
You can spot those custom widgets by the DigiPlum: prefix in a title.

  • Collection — displays a collection from Collections. It is recommended to set 1 item per row for vertical Blog or Page sidebars and 1-4 - for horizontal Footer Grid or Footer Fillwidth sidebars. You can also override the template and a thumbnail size according to your needs.
  • Slider — displays a slider from Sliders. Widget mode checkbox determines how many items will be visible and what template will be used. If widget mode is on then any slider will be displayed as classic, 1 item per view slider. If widget mode is off then the original settings of the slider would be used. Apart from that you can also override arrows and dots presence as well as thumbnail size and desktop/mobile height.
  • Personal Social Display — displays your social account urls with icons from the Settings Social Tab. You can decide what icons to show by selecting them from the list.
  • Super Posts: Classic View — displays posts filtered and sorted by different parameters.
    For example you can show 5 posts published last year from Lifestyle category with Art tag sorted by views. You can choose the thumb size for featured images and turn on or off template elements (thumbnail, date, number of comments, views, excerpt). As a result you will have a vertical list of posts with full-width images and post info below.
  • Super Posts: Minified Vew — has same the functionality as Super Posts: Classic View widget, but different template output. You will have 50% of the space taken by thumbnail and another 50% - by 1-3 lines of copy. You can decide what to show in each line - title, author, date, category, number of comments, views or minutes to read.
  • Instagram Feed — pulls first 12 images from any instagram account in a desired layout.
    Layout is controlled by the Number of columns and Number of rows options. This way you can use any combination you want, but the final number of images should be no bigger than 12 (that's instagram API limit). So for example even if you type 6 columns and 4 rows, after you press Save button, Number of rows will be autocorrected to 2.
  • About Us — adds an image, second title and a text content below. You can use it to display your personal story (or any special information with an image you need).
  • Divider — adds a breakline in horisontal sidebars between widgets to form a new line/row of widgets.

Special Widget Options

Eva is shipped with a special extra options for widgets in Grid Footer Sidebar:

  • Column width - detects the width of the widget in the grid row.
  • Text align - affects text alignment inside some of the widgets. Sometimes it can be useful to align text in the right column to the right for design purposes.
  • One line menu - affects menu widget only. Can be used in the footer grid sidebar to output the menu in one line instead of the list.
Special Widget Options

Changelog

Changelog file can be found here.

Documentation Online

You can always find the web version of this documentation on our website.