Evalo - Minimal SaaS Startup & Agency WordPress Theme Documentation

Thanks for Buying

First of all, Thank you for purchasing our theme. This user guide covers all options that the theme provides. Please read the documentation carefully as it may answer most of your questions. In case if you feel some aspect is not covered or have some questions, contact us via our user page contact form here. We will do our best to answer you in shortest time possible.

Evalo WordPress Theme is the beautiful Multi-Concept Landing Pages Pack for any businesses, freelancers, agencies, consulting, photographers, portfolio sites. Everyone can find a suitable page for itself. We have tried to create the big set of components and styles for your awesome website.

Evalo WordPress theme includes an excellent blog listing, blog single, project single, projects and much more. Hope you will be happy for the technical aspect of our awesome theme. Evalo is powered by Bootstrap v5 and CSS framework. Compatible with all modern browsers and devices. Fully responsive with all devices, mobile, tablet and desktop, laptop. It will give you the best user-friendly experience. We implemented here clean and valid code. The theme features and its various options give you an amazing opportunity to interact with your clients and customers.

Images shown in theme are for demo puposes only. Actual Package does not include those images.

Installation

To install this theme you must have a working version of WordPress already installed. Below are some useful links regarding WordPress information.

WordPress Lessons - A great knowledge-base for WordPress beginners.
WordPress FAQ - General information about WordPress.
PHP Function References - Detailed information on WordPress PHP functions and a lot of usage examples.

To run WordPress we recommend your host supports:

PHP version 7.4 or greater.
MySQL version 5.6 or greater OR MariaDB version 10.1 or greater.
HTTPS support

That’s really it. We recommend Apache or Nginx as the most robust and featureful server for running WordPress, but any server that supports PHP and MySQL will do. That said, we can’t test every possible environment and each of the hosts on our hosting page supports the above and more with no problems.

Please read more from here.

Sometimes you may get some errors while installing our theme, importing content, or activating plugins like white screen or PHP errors. They may be caused by low PHP configurations limits. In this case, you need to increase some values. You can do this on your own or contact your hosting provider with the following requirements:

max_execution_time = 600
memory_limit = 256M
post_max_size = 32M
upload_max_filesize = 32M
max_input_time = 300

Evalo theme can easily install from admin panel. Be sure to read through and follow those instructions for the successful installation of the Theme. If your Theme does not work after following any provided instructions, please contact the Theme author for help.

You can download Evalo theme from themeforest download link directly, please download the WordPress theme only to get the theme files.

There are two ways to upload any theme to the WordPress site: the Admin panel and FTP. The most recommended way is uploading via the Admin panel. However, sometimes there may be a size limitation for files uploaded. That is why this manual provides both ways:

1. Install via WordPress Admin panel

After you download the package from ThemeForest, please unzip it. You'll see a file called evalo.zip, which is the main file needed to upload and install.

Sign in to your admin panel at yourdomain.com/wp-admin
Navigate to Appearance > Themes > Add New > Upload Theme
Choose evalo.zip file
Wait while the theme is uploading, install and activate it.

Make sure the ZIP file contains only folders and files of the theme and not the inner additional ZIP.

2. Install via FTP

Using an FTP client (like FileZilla), connect to your server/hosting and navigate to your WordPress installation.
Navigate to /wp-content/themes/ folder and upload the theme folder there (you need to unzip the theme evalo.zip package first).
Locate your WordPress installation and upload the theme directory evalo (you unzipped in the previous step) into ../wp-content/themes/ in your WordPress installation.
Log in to your WP Admin Dashboard and go to Appearance > Themes
You will now see Evalo listed among the other themes. Just activate it!

A child theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality. To understand how child themes work it is first important to understand the relationship between parent and child themes.

Evalo is fully child theme compatible. We have attached a basic child theme(evalo-child.zip) to the download package which contains the minimum of required files. If you are planing any code customizations we highly recommend to do this inside the child theme! You can get more information about Child themes and their application in Child Themes.

After installing and activate the Evalo theme, you'll see a notification in the top of the page that says the theme needs some plugins to function properly or You can go to Admin panel > appearance > install plugins, just click on checked all plugins and click to install. That's it. All plugins will be installed one by one. Then with the same procedure activate all plugins.

After installing required and recommended plugins please go to Admin panel > Appearance > Import Demo Data, here you will find the option to import the demo content button, just click on the button at the bottom of page and then it will redirect to a page, here there will be another button to "continue and import" , click on it and wait, it may take 5-10 minutes to install all the demo content.

The easiest way to translate our theme and plugin in your language is by using the Loco Translate WordPress plugin. For more information please visit Loco plugin page.

Note : Notice:After updating the theme, Your content will not be lost. However, any customizations to the theme’s core files, such as PHP files, language files will be lost. So you need to the child theme to customize the theme and backup the language file if you translated the theme.

Note : After updating the theme, Your content will not be lost. However, any customizations to the theme’s core files, such as PHP files, language files will be lost. So you need to the child theme to customize the theme and backup the language file if you translated the theme.

If you updating Evalo theme, Please following below step and update Evalo theme and this step is very easy and simple:

1. Theme Update Automatically

You can update the theme automatically by following this link-- https://envato.com/market-plugin/

2. Manual Update via WordPress Admin panel

First Download Latest Installable theme from here.
Login to your WordPress Dashboard.
Go to Appearance > Themes. Deactivate Evalo Theme by activating a different theme.
Delete exist Evalo Theme, don't worry your content will not be lost but Must be take a backup first your old theme before delete.
Upload the latest version of evalo.zip and activate it (more info in the Install Theme section).
When modifying any theme files it is always best to use a Child theme, thus your file changes won’t be lost once you update your theme (check the Child Theme section for more).

3. Manual Update via FTP

First Download Latest Installable theme from here Then extract it to your computer..
Access your server via FTP or SFTP
Browse to wp-content/themes/
Delete the current theme folder (folder "evalo") then upload the new one downloaded in step 1. (Don't forgot to upload unzip folder.)

Note : If you translated plugins and the language files are in plugins/your-plugin-name/languages/ (For example, plugins/evalowt-core/languages), you need to upload them to wp-content/languages/plugins/. If not, after updating plugins, your translated language files will be lost.

Login to your wp-admin
Go to Plugins > Installed Plugins
Now, delete those plugins which you want to update. For example, if you want to update 'Slider Revolution' delete plugins first.
After deleting, you will get a notice to install those plugins again.
Now install and activate those plugins. After installing, plugins will be updated automatically.

What can make your site slower?

1. Plugins:

When you have a number of plugins active on your site, it can slow down your site. Deactivate all the plugins except the ones included within the theme and clear the browser cache. Then, you can activate your plugins one by one and check to see which plugin is slowing your site.

2. Images:

Images are a key factor in optimizing a website. It is important to optimize your images for your website. Images with large size can slow down your site. Do not upload images in large size. For instance, if your weblog is created by images with the size 800*600, you should upload an image with the same size and not bigger.

3. Host:

Your host or sever can be a reason of your site low speed. If you are using VPS for your hosting, it can be because of bad configurations and low resources. If you are using shared hosting, you need to contact your host provider in this regard so they can check it.

3. JS and CSS Files:

You should use a cache plugin. These plugins minify your files and combine them and stores a version of the file in cache in order to reduce your server requests and as a result, it will boost your site speed.

How To Improve Site Speed ?

1. Image Optimize:

You can compress images from CompressJPEG/TinyPNG website. Visit https://compressjpeg.com Or https://tinypng.com/ and compress all images before uploading them on your website. By this process, you can decrease your website loading time and provide your visitors, a better experience.

2. htaccess Code For Better Website Speed:

If you familiar with .htaccess, you can go to the root foldef of your wordpress installation. Find .htaccess file and open it.Insert following code.

AddType application/x-font-woff .woff
		AddType application/font-woff2 .woff2
		AddType application/vnd.ms-fontobject .eot
		<IfModule mod_deflate.c>
		  AddOutputFilterByType DEFLATE text/html
		  AddOutputFilterByType DEFLATE text/css
		  AddOutputFilterByType DEFLATE text/javascript
		  AddOutputFilterByType DEFLATE text/xml
		  AddOutputFilterByType DEFLATE text/plain
		  AddOutputFilterByType DEFLATE image/x-icon
		  AddOutputFilterByType DEFLATE image/svg+xml
		  AddOutputFilterByType DEFLATE application/rss+xml
		  AddOutputFilterByType DEFLATE application/javascript
		  AddOutputFilterByType DEFLATE application/x-javascript
		  AddOutputFilterByType DEFLATE application/xml
		  AddOutputFilterByType DEFLATE application/xhtml+xml
		  AddOutputFilterByType DEFLATE application/x-font
		  AddOutputFilterByType DEFLATE application/x-font-truetype
		  AddOutputFilterByType DEFLATE application/x-font-ttf
		  AddOutputFilterByType DEFLATE application/x-font-otf
		  AddOutputFilterByType DEFLATE application/x-font-opentype
		  AddOutputFilterByType DEFLATE application/x-font-woff
		  AddOutputFilterByType DEFLATE application/font-woff2
		  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
		  AddOutputFilterByType DEFLATE font/ttf
		  AddOutputFilterByType DEFLATE font/otf
		  AddOutputFilterByType DEFLATE font/opentype

		# For Olders Browsers Which Can't Handle Compression
		  BrowserMatch ^Mozilla/4 gzip-only-text/html
		  BrowserMatch ^Mozilla/4\.0[678] no-gzip
		  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
		</IfModule>

		<ifModule mod_gzip.c>
		  mod_gzip_on Yes
		  mod_gzip_dechunk Yes
		  mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
		  mod_gzip_item_include mime ^application/x-javascript.*
		  mod_gzip_item_include mime ^text/.*
		  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
		  mod_gzip_item_exclude mime ^image/.* 
		  mod_gzip_item_include handler ^cgi-script$
		</ifModule>

		## EXPIRES CACHING ##
		<IfModule mod_expires.c>
		ExpiresActive On
		ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
		ExpiresByType application/x-font-ttf "access plus 1 year"
		ExpiresByType application/x-font-opentype "access plus 1 year"
		ExpiresByType application/x-font-woff "access plus 1 year"
		ExpiresByType application/font-woff2 "access plus 1 year"
		ExpiresByType image/jpg "access plus 1 year"
		ExpiresByType image/jpeg "access plus 1 year"
		ExpiresByType image/gif "access plus 1 year"
		ExpiresByType image/png "access plus 1 year"
		ExpiresByType text/css "access plus 3 month"
		ExpiresByType application/pdf "access plus 3 month"
		ExpiresByType text/x-javascript "access plus 3 month"
		ExpiresByType application/x-shockwave-flash "access plus 3 month"
		ExpiresByType image/x-icon "access plus 1 year"
		ExpiresDefault "access plus 3 month"
		</IfModule>
		## EXPIRES CACHING ##
		<ifModule mod_headers.c>
			Header set Connection keep-alive
		</ifModule>
		<IfModule mod_header.c>
		  # 3 Month
		  <FilesMatch "\.(flv|gif|jpg|jpeg|png|ico|swf)$">
			Header set Cache-Control "max-age=7257600"
		  </FilesMatch>
		  # 1 Week
		  <FilesMatch "\.(js|css|pdf|txt)$">
			Header set Cache-Control "max-age=604800"
		  </FilesMatch>
		  # 10 Minutes
		  <FilesMatch "\.(html|htm)$">
			Header set Cache-Control "max-age=600"
		  </FilesMatch>
		  # NONE
		  <FilesMatch "\.(pl|php|cgi|spl)$">
			Header unset Cache-Control
			Header unset Expires
			Header unset Last-Modified
			FileETag None
			Header unset Pragma
		  </FilesMatch>	
		</IfModule>
		# END WordPress

Note : Note: Please don't replace any code that already exists on the .htaccess file. It may have serious implications on your website.)

3. We recommend use follow plugins to boost your site performance.:

Pages

Please go through the following points to learn how to set home page:

Sign in to your admin panel at yourdomain.com/wp-admin
Navigate to Settings > Reading
Your homepage displays : Select static page
Homepage : Select home page from dropdown
Then save the settings.

In our theme we have used advanced drag and drop Page Builder(Elementor) to add content in editor. Please read more how to build the content using Elementor builder.

In every page we have set up few settings for making the page more flexiable for users, if you want you can set different header/footer in different page. Also there is an option for selecting sidebar left/sidebar right/full width page easily.

1. General Settings

2. Header Settings

3. Page Title Settings

4. Footer Settings

Evalo theme comes with Elementor page builder plugin. You can easily add Elementor widgets as you want. We have created all required widgets for Elementor and it is included with theme, you just need to Elementor's Evalo section.

For getting the layout same as our demo you can setup layout size 1140px. Please see below steps of screenshots.

Elementor Widgets Settings

Evalo comes with all the required Elementor widgets. Please go to page and click on edit with elementor link from page. After loading the Elementor editor you can see there is an option added bottom of the elements called "EVALO ELEMENTS". In this area all our Elementor widgets showing.

Posts Type Settings

As Evalo comes with Elementor and we added three different posts type(services, team and portfolio), it is necessary to allow Elementor editor first. After that you can edit the page with elementor.

Editor Video

Elementor website builder is very user friendly and easy to use. Please see the video below.

For more help please go to Elementor Documentation

Posts

Please go through the following points to learn how to create post:

Sign in to your admin panel at yourdomain.com/wp-admin
Navigate to Posts > Add New
Click on Screen Options top right cornor.
You can see all post meta options there. Check expert for support expert in current post type.
Enter post title.
Click on back-end editor for create post with elementor.
Select post format.
Select post categories.
insert post tags.
Select post template.
Upload post featured image.
Select post meta options.
Enter post experts.
Click on publish to publish post.

Portfolio

Please go through the following points to learn how to create portfolio:

Sign in to your admin panel at yourdomain.com/wp-admin
Navigate to Portfolio > Add New
Click on Screen Options top right cornor.
You can see all portfolio meta options there. Check expert for support expert in current post type.
Enter portfolio title.
Click on back-end editor for create portfolio with elementor.
Select portfolio categories.
Select portfolio template.
Upload portfolio featured image.
Select portfolio meta options.
Select portfolio page meta options.
Enter portfolio experts.
Click on publish to publish portfolio.

Layouts

On layout builder you can create footer and megamenu layouts.

Please go through the following points to learn how to create layout:

Sign in to your admin panel at yourdomain.com/wp-admin
Navigate to Layouts > Add New
Click on Screen Options top right cornor.
You can see all layouts meta options there. Check evalo options for support in current post type.
Enter layout title.
Click on back-end editor for create layout with elementor.
Enter layout group and select the layout group.
Select layout template.
Select type of the layouts.
Click on publish to publish layout.

Sidebars & Widgets

Single Portfolio Sidebar : Display the sidebar on portfolio details page.
Portfolio Sidebar : Display the sidebar on portfolio archives page.
Default Sidebar : Display the default sidebar on others default pages.
Single Post Sidebar : Display the sidebar on blog details page.
Blog Sidebar : Display the blog sidebar on blog archives pages.
WooCommerce Sidebar : Display the WooCommerce sidebar on Shop archives pages.
WooCommerce Product Sidebar : Display the WooCommerce product sidebar on product pages.

Theme Options

Evalo comes with advanced customizer theme options where you can set almost everything without any coding knowledge. From header to footer everywhere we set the options, so you can manage your site as you want. Please go to the Admin > Appearance > Customize to see all available options.

Evalo Options

Genral

General Settings

Go to Customize > Evalo Options > General > Genral Settings panel section to start your custom settings configuration.

Layout Style > Here you can choose page layout style wide, box or predefine style.

Page Layout > Here you can choose genral page layout with sidebar.

General Styling

Go to Customize > Evalo Options > General > Genral Styling panel section to start your custom settings configuration.

Styling Options Location > You can choose customizer settings store in WP Head or Custom File. If you choose Custom File, a CSS file will be created in your uploads folder.

Theme Color > The default theme color is set to #6c63ff, you can enter the color code of your choice or select the color from the color picker provided.

Theme Text Color > You can choose theme text color. Default: #333333

Link Color > You can choose link color. Default: #333333

Link Hover Color > You can choose link hover color. Default: #6c63ff

Buttons

Go to Customize > Evalo Options > General > Buttons panel section to start your custom settings configuration.

Background Color > You can set button background color. Default: #eeeeee

Background Hover Color > You can set button background hover color. Default: #6c63ff

Text Color > You can set button text color. Default: #666666

Text Hover Color > You can set button text hover color. Default: #ffffff

Border Color > You can set button border color. Default: #eeeeee

Border Hover Color > You can set button hover border color. Default: #6c63ff

Preloader

Go to Customize > Evalo Options > General > Preloader panel section to start your custom settings configuration.

Preloader Status > Hide/Show site preloader.

Preloader Type > Here you can set preloader type predefine or custom. If you select custom then show preloader image option and you can choose image.

Preloader Color > Here you can set predefine preloader color. Default: #6c63ff.

Top Bar

General

Go to Customize > Evalo Options > Top Bar > Genral panel section to start your custom settings configuration.

Top Bar Status > Hide/Show Topbar section.

Contact Number > You can set store contact number.

Time > You can set store timing.

Background Color > You can set topbar background color. Default: #ffffff;

Text Color > You can set topbar text color. Default: #888888;

Link Color > You can set topbar link color. Default: #888888;

Link Hover Color > You can set topbar link hover color. Default: #6c63ff;

Border Color > You can set topbar border color. Default: #eeeeee;

Topbar Social

Go to Customize > Evalo Options > Top Bar > Topbar Social panel section to start your custom settings configuration. These options affected only top bar is enabled.

Top Bar Social Status > Hide/Show Topbar Social section.

Social Links > You can set social links hide/show and positions. You can set social links from Customize > Evalo Options > Social > Social Links.
Header
Header Settings

Go to Customize > Evalo Options > Header > Header Settings panel section to start your custom settings configuration.
Header Style > Here you can set header styles of version.

Header - v1( Default Menu ): style is transparent background like home page.

Header - v2 ( Full Menu ): style is full width menu.

Header - v3 ( Fancy Menu ): style is menu bar click to open menu.

Header - v4 ( White Menu ): style is without transparent background like inner page.

Hidden: Hide the header on all pages.

Header Right Layout > Here you can set custom layout content of layout and display on main menu right of the position.

Background Color > You can set background color.

Text Color > You can set text color.
Logo

Go to Customize > Evalo Options > Header > Logo panel section to start your custom settings configuration.

Logo > Select your site logo.

Max Width > You can choose logo maximum width.

Max Height > You can choose logo maximum height.

Sticky Header

Go to Customize > Evalo Options > Header > Sticky Header panel section to start your custom settings configuration.

Sticky Header Status > Hide/Show Sticky Header.

Sticky Logo > You can set sticky bar logo. Note: Sticky logo width and height use site logo width and height.

Background Color > You can set background color.

Text Color > You can set text color.

Menu

Go to Customize > Evalo Options > Header > Menu panel section to start your custom settings configuration.

Show Search Content > Hide/Show Search Content.

Menu Extra Content > Here you can add html code for show extra items end of the menu. Link Button.

Navbar Menu Font Size > Set the menu font size.

Navbar Menu Font Weight > Set the menu font weight.

Navbar Menu Font Text Transform > Set the menu text transform.

Navbar Menu Background Color > You can set background color.

Navbar Menu Hover Background Color > You can set hover background color.

Navbar Text Color > You can set text color.

Navbar Menu Hover Text Color > You can set hover text color.

Megamenu Background Color > You can set megamenu dropdown background color.

Megamenu Text Color > You can set megamenu dropdown text color.

Megamenu Columns Heading Color > You can set megamenu dropdown heading columns color.

Megamenu Border Color > You can set megamenu dropdown border color.

Megamenu Link Color > You can set megamenu dropdown link color.

Megamenu Link Hover Color > You can set megamenu dropdown link hover color.
Typography

Body

These options affected in whole body

Go to Customize > Evalo Options > Typography > Body panel section to start your custom settings configuration.

Font Family > You can choose body font family.

Font Weight > You can choose body font weight.

Font Style > You can choose body font style.

Text Transform > You can choose body text transform.

Font Size > You can enter body font size in (px, em, %).

Line Height > You can enter body line height in (px, em, %).

Font Color > You can set body font color.

All Heading

These options affected on site all heading like( h1,h2 etc.. )

Go to Customize > Evalo Options > Typography > All Heading panel section to start your custom settings configuration.

Font Family > You can choose all heading font family.

Font Weight > You can choose all heading font weight.

Font Style > You can choose all heading font style.

Text Transform > You can choose all heading text transform.

Font Size > You can enter all heading font size in (px, em, %).

Line Height > You can enter all heading line height in (px, em, %).

Font Color > You can set all heading font color.

Footer

Footer

Go to Customize > Evalo Options > Footer panel section to start your custom settings configuration.

Footer Layout > Select footer layout from Layout Builder.

Blog / Post

Blog / Archives

Go to Customize > Evalo Options > Blog / Post > Blog / Archives panel section to start your custom settings configuration.

Page Layout > Select page layout for blog archives.

Sidebar > Select sidebar widgets you want to show on Blog Archives page.

Blog View > You can choose blog archives page style in ( Full, Grid, List and Modern ).

Full >

Full Center >

List >

Grid >

Modern >

Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Evalo Options > Page Title

Page Title Alignment > You can set blog archives page title alignment.

Page Title > You can set blog page title as Custom Text, Post Title(Latest Post Title) and Hidden.

Page Background > You can set blog page title section background as Custom Image, Default ( From Customize > Evalo Options > Page Title background image ) and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Section Position > You can set post element hide/show and positioning.

Meta > You can set post meta hide/show and positioning.

Post Content > You can choose post content as excerpt and full content.

Excerpt Length > You can set excerpt post content lenght.

Show Fancy Date > Hide/Show fancy date. Fancy date show in post image top right cornor.

Show Read Time With Tags > Hide/Show read time with tags.

Read More > You can choose read more show as Link, Button or Hide.

Pagination Style > You can choose post archives pagination style in ( Default, Infinite Scroll and Load More ).

Single Post

Go to Customize > Evalo Options > Blog / Post > Single Post panel section to start your custom settings configuration.

Page Layout > Select page layout for blog single post.

Sidebar > Select sidebar widgets you want to show on blog sinle post.

Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Evalo Options > Page Title

Page Title Alignment > You can set blog single post title alignment.

Page Title > You can set blog page title as Custom Text, Post Title and Hidden.

Page Background > You can set blog page title section background as Freatured Image, Default ( From Customize > Evalo Options > Page Title background image ), Custom and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Section Positioning > You can set post element hide/show and positioning.

Meta > You can set post meta hide/show and positioning.

Show Related Posts > Hide/Show related posts.

Related Post Style > Set related post style in (Default, Fancy, Box).

Default >

Box >

Box Hover >

Related Post Content > You can choose post content as excerpt and full content.

Related Excerpt Length > You can set excerpt post content lenght.

Related Read More > You can choose read more show as Link, Button or Hide.

Portfolio

Portfolio / Archives

Go to Customize > Evalo Options > Portfolio > Portfolio / Archives panel section to start your custom settings configuration.

Page Layout > Select page layout for portfolio archives.

Sidebar > Select sidebar widgets you want to show on Portfolio Archives page.

Portfolio View > You can choose portfolio archives page style in ( Gallery Filter, Grid ).

Gallery Filter >

Grid >

Portfolio Post Style > You can choose portfolio archives page post style in ( Default, Box ).

Default >

Box >

Box - 2 >

Portfolio Columns > Shows the numbers of items as per screen size.

Show Page Title Section > Hide/Show page title section on portfolio archives page.

Page Title Alignment > You can set portfolio archives page title alignment.

Page Title > You can set portfolio page title as Custom Text, Post Title(Latest Post Title) and Hidden.

Page Background > You can set portfolio page title section background as Custom Image, Default ( From Customize > Evalo Options > Page Title background image ) and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Section Position > You can set post element hide/show and positioning.

Post Content > You can choose post content as excerpt and full content.

Excerpt Length > You can set excerpt post content lenght.

Show Fancy Date > Hide/Show fancy date. Fancy date show in post image top right cornor.

Read More > You can choose read more show as Link, Button, Icon(Plus) with popup, Icon(External Link) with popup, Icon(Plus) with link, Icon(External Link) with link or Hide.

Portfolio Per Page > You can set per page item on portfolio archives.

Pagination Style > You can choose post archives pagination style in ( Default, Infinite Scroll and Load More ).

Single Portfolio

Go to Customize > Evalo Options > Portfolio > Single Portfolio panel section to start your custom settings configuration.

Page Layout > Select page layout for portfolio single post.

Sidebar > Select sidebar widgets you want to show on portfolio sinle post.

Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Evalo Options > Page Title

Page Title Alignment > You can set portfolio single post title alignment.

Page Title > You can set portfolio page title as Custom Text, Post Title and Hidden.

Page Title Background > You can set portfolio page title section background as Freatured Image, Default ( From Customize > Evalo Options > Page Title background image ), Custom and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Section Positioning > You can set post element hide/show and positioning.

Social Share Links > You can set social share links hide/show and positioning.

Show Related Posts > Hide/Show related posts.

Related Post Style > Set related post style in (Default, Box).

Default >

Box >

Related Post Content > You can choose post content as excerpt and full content.

Related Excerpt Length > You can set excerpt post content lenght.

Related Read More > You can choose read more show as Link, Button or Hide.

Related Remove Items Padding > Enable to remove two items between space.

Show Numbers of Related Portfolio > Show per page numbers of items shows.

Show Related Portfolio Columns > Show per columns of items shows.

Social

Social Links

Show social links icon on header and footer

Go to Customize > Evalo Options > Social > Social Links panel section to start your custom settings configuration.

Enable Social Links > Enable/Disable Social Links.

Social Links Style > You can choose social links style in ( Only Icon, Icon with Label, Only Label ).

Only Icon

Icon with Label

Only Label

Icon Style > You can choose social icon style in ( Default, Colored, Bordered, Fill Colored ).

Default

Colored

Bordered

Fill Colored

Icon Shape > You can choose social icon shape in ( Default, Rounded, Circle ).

Default

Rounded

Circle

Icon Size > You can choose social icon size in ( Extra Small, Small, Medium and Large ).

Social Link > Here you can set social profile or portfolio link.

Social Share Links

Show social share links icon on blog, posts, portfolios etc..

Go to Customize > Evalo Options > Social > Social Share Links panel section to start your custom settings configuration.

Enable Social Share Links > Enable/Disable Social share Links.

Show Social Title > Hide/Show social title on details page.

Links Display Style > You can choose social links style in ( Only Icon, Icon with Label, Only Label ).

Only Icon

Icon with Label

Only Label

Icon Style > You can choose social icon style in ( Default, Flat, Bordered, Boxed ).

Default

Flat

Bordered

Boxed

Icon Shape > You can choose social icon shape in ( Default, Rounded, Circle ).

Default

Rounded

Circle

Icon Size > You can choose social icon size in ( Extra Small, Small, Medium and Large ).

Social Share Link > Here you can set social share links hide/show and positioning.

Pages

404 Page

Go to Customize > Evalo Options > Pages > 404 Page panel section to start your custom settings configuration.

Heading Text > Enter heading text.

Button Text > Enter button text.

Content Body Text > Enter content body text.

WooCommerce

Shop / Archive Page

Go to Customize > Evalo Options > WooCommerce > Shop / Archive Page panel section to start your custom settings configuration.

Page Layout > Select page layout for WooCommerce shop / archives page.

Sidebar > Select sidebar widgets you want to show on Shop / Archives page.

Shop Page Display > Choose what to display on the main shop page.

Category page display > Choose what to display on the main category page.

Default products sorting > How should products be sorted in the catalog by default?

Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Evalo Options > Page Title

Page Title Alignment > You can set Shop / Archive page title alignment.

Page Title > You can set Shop / Archive page title as Custom Text, Post Title and Hidden.

Page Title Background > You can set Shop / Archive page title section background as Freatured Image, Default ( From Customize > Evalo Options > Page Title background image ), Custom and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Large devices (larger desktops, 1400px and up) > Show the numbers of products on Shop / Archive page Large devices (larger desktops, 1400px and up) Size.

Large devices (large desktops, 1200px and up) > Show the numbers of products on Shop / Archive page Large devices (large desktops, 1200px and up).

Large devices (desktops, 992px and up) > Show the numbers of products on Shop / Archive page Large devices (desktops, 992px and up).

Medium devices (tablets, less than 992px) > Show the numbers of products on Shop / Archive page Medium devices (tablets, less than 992px).

Small devices (landscape phones, 576px and up) > Show the numbers of products on Shop / Archive page Small devices (landscape phones, 576px and up).

Extra small devices (portrait phones, less than 576px) > Show the numbers of products on Shop / Archive page Extra small devices (portrait phones, less than 576px).

Shop Sort > Hide / Show sortig option on Shop / Archive page.

Shop Result Count > Hide / Show display result count on Shop / Archive page.

Pagination Style > You can choose post archives pagination style in ( Default, Infinite Scroll and Load More ).

Product Image Style > You can set product image style in Options(Default, Image Swap, Image Slider).

Lazy Load > Enable / Disable lazy load.

Show Product Categories > Hide/Show categories on archive product.

Category Color > Choose the category color.

Category Color:Hover > Choose the category hover color.

Title Color > Choose the title color.

Title Color:Hover > Choose the category hover color.

Show Product Rating > Hide / Show product rating.

Show Rating Count > Hide / Show product rating count.

Rating Color > Choose the rating color.

Rating Color:Active > Choose the active rating color.

Show Product Description > Hide / Show product description.

Description Color > Set description text color.

Show Product Price > Hide/Show product price.

Price Color > Choose the price color.

Old Price Color:Hover > Choose the old price color.

Show Add to Cart Button > Hide / Show product add to cart button.

Add to Cart Background Color > Set add to cart button background color.

Add to Cart Border Color > Set add to cart button border color.

Add to Cart Text Color > Set add to cart button text color.

Add to Cart Background Color:Hover > Set add to cart button hover background color.

Add to Cart Border Color:Hover > Set add to cart button hover border color.

Add to Cart Text Color:Hover > Set add to cart button hover text color.

Add to Cart Background Color:Active > Set add to cart button active background color.

Add to Cart Border Color:Active > Set add to cart button active border color.

Add to Cart Text Color:Active > Set add to cart button active text color.

Show Quickview > Enable / Disable quick view.

Quickview Background Color > Set quickview button background color.

Quickview Border Color > Set quickview button border color.

Quickview Text Color > Set quickview button text color.

Quickview Background Color:Hover > Set quickview button hover background color.

Quickview Border Color:Hover > Set quickview button hover border color.

Quickview Text Color:Hover > Set quickview button hover text color.

Badges / Lables

Go to Customize > Evalo Options > WooCommerce > Badges / Lables panel section to start your custom settings configuration.

Show Badges like Sale, Fatured, Out of Stock etc.

Show Product Badges / Labels > Hide / Show product all badges / labels.

Show Badge New > Hide / Show New badge

New Label Text > You can set new badge text.

Newness Product Day(s) > You can set numbers of days want to display New badge.

New Badge Background Color > Set new badge background color

New Badge Text Color > Set new badge text color

Show Badge Sale > Hide / Show Sale badge

Sale Badge Type > You can set type of display sale badge from Sale Text or Percentage.

Sale Label Text > You can set text of sale badge.

Sale Percentage Text > You can set sale percentage text

Sale Badge Background Color > Set sale badge background color

Sale Badge Text Color > Set sale badge text color

Show Featured Badge > Hide / Show Featured badge

Featured Label Text > You can set featured badge text.

Featured Badge Background Color > Set featured badge background color

Featured Badge Text Color > Set featured badge text color

Show Oute of Stock Badge > Hide / Show Out of Stock badge

Out of Stock Label Text > You can set out of stock badge text.

Out of Stock Badge Background Color > Set out of stock badge background color

Out of Stock Badge Text Color > Set out of stock badge text color

Single Product

Go to Customize > Evalo Options > WooCommerce > Single Product panel section to start your custom settings configuration.

Page Layout > Select page layout for WooCommerce single product page.

Sidebar > Select sidebar widgets you want to show on single product page.

Image Width (Column) > Select number of bootstrap columns want to show for image width.

Summary Width (Column) > Select number of bootstrap columns want to show for summary width.

Category page display > Choose what to display on the main category page.

Default products sorting > How should products be sorted in the catalog by default?

Sale Label/Badge > Here you can set sale badge display On Product Image, After Price and Hide.

Sale Percentage Text > Display sale percentage text like 10% off, "{percentage}" is dynamic value.

Enable Product Gallery Zoom > Enable / Disable product gallery zoom.

Enable Gallery Lightbox > Enable / Disable product gallery lightbox

Gallery Layout > You can set Horizontal or Verticle product gallery layout.

Product Rating > Hide / Show product rating.

Product Availability > Hide / Show product availability

In Stock Message > You can set In Stock message of text.

Low Stock Qty > Display numbers of quentity in low stock qty message like Hurry, Only {qty} left in stock. if you want to hide then set "0".

Low Stock Qty Message > Display Low stock Message Hurry, Only {qty} left in stock. {qty} is the dynamic value of the low stock quentity value.

Out of Stock Message > You can set out of stock message text

Product Short Description > Hide / Show product short description.

Product Meta > Hide / Show product SKU, Cateatory, Tags etc.

Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Evalo Options > Page Title

Page Title Alignment > You can set Shop / Archive page title alignment.

Page Title > You can set Shop / Archive page title as Custom Text, Post Title and Hidden.

Page Title Background > You can set Shop / Archive page title section background as Freatured Image, Default ( From Customize > Evalo Options > Page Title background image ), Custom and Hidden.

Show Breadcrumb > Hide/Show breadcrumb.

Tabs Layout > You can set style of display tabs layout.

Enable Upsell Products > Enable / Disable upsell products.

Enable Related Products > Enable / Disable related products.

Show Numbers of Products > Show the limit of display upsell and related products.

Sizes of Products > You can set numbers of display product on diffrent devices.

Enable Carousel > Enable / Disable carousel.

Carousel Autoplay > Enable / Disable carousel autoplay.

Carousel Loop > Enable / Disable carousel loop.

Carousel Navigation > Enable / Disable carousel navigation.

Carousel Dots Navigation > Enable / Disable carousel dots navigation.

Cart

Go to Customize > Evalo Options > WooCommerce > Cart panel section to start your custom settings configuration.

Enable Cross Sells Products > Enable / Disable cross sells products.

Enable Related Products > Enable / Disable related products.

Show Numbers of Products > Show the limit of display upsell and related products.

Sizes of Products > You can set numbers of display product on diffrent devices.

Enable Carousel > Enable / Disable carousel.

Carousel Autoplay > Enable / Disable carousel autoplay.

Carousel Loop > Enable / Disable carousel loop.

Carousel Navigation > Enable / Disable carousel navigation.

Carousel Dots Navigation > Enable / Disable carousel dots navigation.

Page Title

Go to Customize > Evalo Options > Page Title panel section to start your custom settings configuration.

Show Page Title > Hide/Show page title.

Page Title Style > You can choose page title style in ( Default, Left Alignment, Center Alignment and Right Alignment ).

Default

Left Alignment

Center Alignment

Right Alignment

Show Page Title Heading > Hide/Show page title heading.

Padding > You can set page title paddings.

Background Style > You can set page title background style in ( Hide, Image, Scene ).

Background Image > You can set background image.

Background Position > You can set background position.

Background Attachment > You can set background attachment.

Background Repeat > You can set background repeat.

Background Size > You can set background size.

Background Overlay Opacity > Here you can set background overlay opacity.

Overlay Background Color > You can set overlay background color.

Enable Breadcrumb > Enable/Disable breadcrumb.

Show item Title > Hide/Show item title in breadcrumb.

Home item Style > Breadcrumb home item style as icon or "Home" text.

Page Title Font Size > You can set page title font size in ( px, em, %).

Background Color > You can set background color.

Text Color > You can set text color.

Separator Color > You can set separator color.

Link Color > You can set link color.

Link Hover Color > You can set link hover color.

Mobile

Go to Customize > Evalo Options > Mobile panel section to start your custom settings configuration.

Mobile Logo > Select your mobile view logo.

Max Width > You can choose logo maximum width.

Max Height > You can choose logo maximum height.

Mobile Header Right Layout > Here you can set custom layout content of layout and display on main menu right of the position on mobile view.

Flyout Title > You can set mobile flyout title.

Mobile Flyout Bottom Content > Select custom layout for show mobile flyout bottom content from Layouts Builder.

Background Color > You can set mobile header background color.

Text Color > You can set mobile header text color.

Link Color > You can set mobile header link color.

Link Hover Color > You can set mobile header link hover color.
Site Identity

Go to Customize > Site Identity panel section to start your custom settings configuration.

Logo > Here you can set site logo.

Site Title > You can set site title.

Tagline > You can set tagline.

Site Icon > You can set site favicon.
Menus

Go to Customize > Menus panel section to start your custom settings configuration.

Menus > Here shows all created menu and you can handle it.

Menu Locations > You can set menu locations.
Widgets

Go to Customize > Widgets panel section to start your custom settings configuration.

Widgets > Here shows all widgets areas and you can manage widgets inside the widgets area.
Homepage Settings

Go to Customize > Homepage Settings panel section to start your custom settings configuration.

Your homepage displays > You can choose home page as a static page or latest posts.

Homepage > You can select homepage from list of pages.

Postspage > You can select postspage from list of pages.
Additional CSS

Here you can enter you own custom stylesheet css.

Go to Customize > Additional CSS panel section to start your custom settings configuration.

WooCommerce

In every product page we have set up few settings for making the page more flexiable for users, if you want you can set different header/footer in different page. Also there is an option for selecting sidebar left/sidebar right/full width product page easily.