This documentation will provide you all the details you need to use the Evanto theme and understanding of how Evanto is structured and guide you in performing the most common features. If you require further assistance, related to topics not covered in this documentation, then please contact us via our support forum.
We assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.
To use this theme you need a working version of WordPress already installed on your server or the local environment. We have given the documentation links, where you will find the requirements and the other details about WordPress.
To use the Evanto theme you need the latest version of the WordPress, PHP Version 7 or higher, and MySQL 5 or higher. Apart from the necessary WordPress requirements here are listed recommended server configuration requirements to make the theme work properly.
All of our items come with free support, and we have a dedicated mail: themecrafter2020@gmail.com to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.
We assume that the WordPress website is set, Now the next step is to install the theme. To get started with theme installation you’ll need to download the theme file.
There are two ways to install the theme in you wordpress environment you can use any of them to install theme.
Step 1 – Log into your web server with FTP client software
Step 2 – Unzip the evanto.zip file and ONLY use the extracted evanto theme folder
Step 3 – Upload the extracted theme folder into wp-content > themes folder
Step 4 – To Activate the newly installed theme. Go to Appearance > Themes and activate it.
Step 1 – Navigate to Appearance > Themes.
Step 2 – Click Install Themes and hit the upload button.
Step 3 – Navigate to find the “evanto.zip” file on your systen and click “Install Now”
Step 4 – Activate the newly installed theme. Go to Appearance > Themes and activate it.
Before you start importing the demo content make sure you have installed all the required plugins for the theme so that demo content import properly. Here is the plugin list that you need to install and active before you start import. You will find them in ( Appearance > Install Plugins )
Now for the demo import, you have to go to the ( Appearance > Import Demo Data ). Now click on the import button and wait for some time your demo will be ready in a few minutes.
Please Note Some Important Items About The Demo Content
When you import the demo all the settings will be set automatically for the header. Still, something you need to know about the header settings.
First, you need to set the menu as the primary menu in the ( Appearance > Menu settings > Display location ). This Menu will be displayed as the main menu in front, The Rest of the header related settings will be available on the Theme option, which will be cover them option section in detail. In theme options, you can set the header layouts, logo, etc.
We have created the page template for the full-width layout which means there will be no sidebar for these pages. This will be helpful in creating the page as you like using the elemetor widgets. you will find the full width layout here ( Page Attributes > Template > Full width )
Some pages like home pages do not need page title which contains the Title of the page and the Breadcrumb, we have provided the settings for this where the user can disable the page title for the individual page. For that you just have to mark the settings in ( Page Settings > Disable Page Title )
Team settings contain a useful field for the team member, You can set the general details like a phone number, designation, emails Address Info, Signature , Website with the social profiles. Which will be visible in elemntor widget.
Testimonial Settings contain a useful field for the testimonial, You can set the general details Which will be visible in elemetor widgets.
Using Service settings you can set the short description for the service with the icons, that will be useful in representing the service elemetor widget.
Project settings contain the field like client name, location, and year for the project, which will be visible for the single project page.
Using the Header settings theme options you can manage the header layouts, Header logo, search optionm, button and the logo.
Select Header Layout – You can change the header layout using this settings.
Display Search – You can enable/diable the search using this options.
Contact Infobox – This field contains the editor you can set the contact info.
Button Title – Set the button title for the header.
Button link – Set the button link for the header.
Site Logo – Set the site logo image using this options.
Logo Height – You can set the logo height as well.
Sticky Site Logo – Set the sticky site logo image using this options.
Sticky Logo Height – You can set the sticky logo height as well.
Using the Topbar settings theme options you can manage the topbar of the header.
Display Topbar – Enable this to display the topbar.
Topbar Text Color – Set Topbar Text color for the website.
Topbar Background Color – Set Topbar Background color for the website.
Topbar Info Left – This field contains the editor you can set the Topbar information in left.
Topbar Info Right – This field contains the editor you can set the Topbar information in right.
This section contains theme general settings.
Scroll To Top – Eable this to show the scroll to top button in your site.
This section Social Links.
Facebook Url – Add the Facebook url.
Twitter Url – Add the Twitter url.
Dribbble Url – Add the Dribbble url.
Vimeo Url – Add the Vimeo url.
LinkedIn Url – Add the LinkedIn url.
Youtube Url – Add the Youtube url.
Instagram Url – Add the Instagram url.
Pinterest Url – Add the Pinterest url.
Page title settings contain the page title and the breadcrumb, you can enable/disable them, you can also set the background for the page title section and the height of the section.
Page Title – Enable/disable the page title.
Page Title Height – You can set height for the page title.
Display Breadcrumb ? – Enable/disable breadcrumb.
Title Alignment – Select page title alignment
Title Text Color – Select Title Text Colo type.
Background Image – Using this setting you can set the background for page title.
Background Color – Using this setting you can set the background color.
Using the blog settings, you can manage the blog sidebar and the social share for the blog.
Blog Sidebar – You can select the sidebar position for the blog.
Social Share – You can enable/disable different social sharing option .
Using the page settings, you can manage the page sidebar position here.
Page Sidebar – You can select the sidebar position for the page.
Using the page settings, you can manage the page sidebar position here.
Custom Heading Title Font – Here you can manage the typography for Custom heading widget title.
Custom Heading Subtitle Font – Here you can manage the typography for Custom heading widget subtitle.
Body Font – You can manage the typography for body.
H1 Headers Typography – Here you can manage the typography for H1 tag.
H2 Headers Typography – Here you can manage the typography for H2 tag.
H3 Headers Typography – Here you can manage the typography for H3 tag.
H4 Headers Typography – Here you can manage the typography for H4 tag.
H5 Headers Typography – Here you can manage the typography for H5 tag.
H6 Headers Typography – Here you can manage the typography for H6 tag.
Using the services settings, you can manage the page sidebar position here.
Services Sidebar – You can select the sidebar position for single service page.
Here you manage the color option for the theme.
Primary Color – You can select the primary color for the theme.
Secondary Color – You can select the secondary color for the theme.
Tertiary Color – You can select the tertiary color for the theme.
Custom Heading Title Font Color – Set custom heading title color.
Custom Heading Subtitle Font Color – Set custom heading Subtitle color.
You can manage the footer settings here like the footer column, background, and the copyright section.
Note : You have to assign the widgets to the footers in ( Appearance > Widgets ) here you will find the sidebars for the footer named Footer 1, Footer 2, Footer 3, Footer 4. You can add any widget that will be reflected in the footer columns
Footer Topbar Enable – Use this option tto enable footer topbar.
Footer Social Info – You can add the footer social details useing this option.
Contact Infobox – You can add the footer contact details useing this option.
Footer Topbar Background – Using this setting you can mange the topbar background.
Footer Column layout – Using this setting you can mange the footer grid layout.
Footer Background – Using this setting you can manage the footer background options.
Copyright Text Left – Using this setting you can set the copright left section.
Copyright Text Right – Using this setting you can set the copright right section.
Using this settings you can manage the 404 page for the theme.
Title Type – Select ig you want title as text or image.
Page Title – You can set the 404 page title here.
Title image – Set title image.
Page Description – You can set the 404 page description here.
404 Background – Using this setting you can background option.
Back to Home – Enable/disable back to home button for the 404 page.
We have created the many elementor widgets so that you can create the page as per your requirements. Every widget contains a different perspective and the features to make the page dynamic. You will find the wigets in ( Pages > Elementor > CALENS CORE ). These widgets have different fields for the facility.
Testimonial– This widget will show the list of the testimonial with the different layouts and settings.
Blog– This widget will show the list of the posts with the different layouts and settings.
Clients – This widget will show images for the clients logo in the slide view.
Team – This widget will show the list of the team members with the different layouts and settings.
Services– This widget will show the list of the services with the different layouts and settings.
Projects – This widget will show the list of the projects with the different layouts and settings.
Counter – This widget will show the counter based on the value you gave with the different layouts.
Custom Heading– This widget useful for to display the heading of the section, You can set the typography for this widget in theme options here ( Appearance > Theme Options > Typography )
Infobox– This widget will show infobox with icons and different layouts..
List – This widget will show the list of the content with the icons.
Progress Bar– This widget will show the progress bar based on the input values.
Tabs– This widget will show tabs where you can set the elementor templates.
Pricing Table– This widget will show pricing table with diffrent settings.
We have created different sidebars for the widgets. There are the individual sidebars for the Blog page, Normal page, and service page named with the Blog sidebar, Page Sidebar, Service sidebar. You can use the widgets to set the widgets as per your requirements. There are also other Fours sidebars for the footer area named Footer 1, Footer 2, Footer 3, Footer 4 to create the different grid layout for the footer.
Blog Sidebar – Sidebar for the blog single and the listing page.
Page Sidebar – Sidebar for the pages.
Service Sidebar – Sidebar for single service page.
Footer 1 – Sidebar for footer layout 1.
Footer 2 – Sidebar for footer layout 2.
Footer 3 – Sidebar for footer layout 3.
Footer 4 – Sidebar for footer layout 4.
Evanto theme is comes with the multi-language support. It means you can translate the site into any language. There are various options to translate the site. You can do it by either editing .pot file, or by using plugins.
This app provides the easy method to create new translations for any language. Follow the below steos to edit .po file :
Step 1 – Open Poedit.
Step 2 – Choose “New from Po/POT file.”
Step 3 – Select the .pot file from wp-content/themes/evanto/languages/evanto.pot.
Step 4 – Select the new language you want to translate.
Step 5 – Save the file with your language name, prefixed with the theme name. It will generate both a .po and .mo files for your translation.
Step 6 – Place these files into the wp-content/languages/themes/
You can easily translate the string using the available translation plugins like WPML and Loco Translate
Here is some documentation for these plugins which will be helpful to create the translation files.
https://localise.biz/wordpress/plugin/manual
https://localise.biz/wordpress/plugin/beginners
Here are the list of the sources that used in our theme.