Nexout

A professional Wordpress Theme for Portfolio

SUPPORT

Table of Contents

Theme Installation

You can install our theme from Wordpress dashboard with .zip importing.

install-1
Click Appearance(1) -> Themes(2) -> Add New(3)

install-2
Click Upload Theme button(1). Click Select File(2) button and select a nexout.zip from your files. After that click Install Now(3) button and wait for uploading zip file to your website.

install-3
After seeing Theme installed successfully. message click Activate link.

install-4
You will notice a message for required plugins. Click Begin installing plugins link.

install-5
Click select all checkbox(1) and select Install option for bulk action and click Apply button.

install-6
You can ignore warnings in this page. After waiting installing plugins, click to Return to the Dashboard link.

Demo Import

install-7
After installing required plugins you will see Import Demo Data (1) under Appereance. Click to Import Demo Data.

install-8
Click Import Demo Data (1).

install-9
Please wait for importing demo data.

install-10
After importing demo data successfully, you will see green success message.

Theme Options

You can change theme options with Wordpress Customizer from Apperance.

options-1
Click Customize under Appereance.

options-2
You will see all theme options in opened screen.

Site Identity

You can change general options from this section.

options-3
You can change Logo(1), Retina Ready(2), Site Title(3), Tagline(3) in this section. You can set Theme Version(5). There are two theme version as Dark and Light. You can set Side Link(6).

Overlay Settings

options-4
You can change Overlay Logo(1), Overlay Parallax Image(2) and Overlay Big Image(3).

Font Settings

options-5
You can change Body Font(1) and Header Side Link Font(2) from this section.

Dark Version Colors

options-6
If you set Dark Version, you can change colors from this section.

options-7
You can change Primary Color Settings from this section.

options-8
You can change Secondary Color Settings from this section.

options-9
You can change Light Colors from this section.

options-10
You can change Dark Colors from this section.

options-11
options-12
options-13
options-14
You can change Core Colors Settings from this sections.

options-15
You can change Default Elementor Widgets from this section. Dark Background Pages and Light Background Pages are seperated as two sections.

options-16
Yoı can change Default Elementor Widgets colors for Dark Background Pages from this section. You have to set two Light Background Pages seperately.

Light Version Colors

You can change light version colors same as with Dark Version Colors.

Parallax Settings

options-17
Yoı can change Parallax Image settings from this section.

Global Parallax Settings

options-18
You can change Global Parallax Image in hero section settings from this section. Global Parallax Image settings is overwrite all pages’s Parallax Images Settings. You can set hide or show parallax images in hero section for all pages. There are two parallax image as Dark Parallax Image and Colorful Parallax Image.

404 Page Parallax Settings

options-19
You can change 404 Page Parallax image settings from this section.

Search Results Page Parallax Settings

options-20
You can change Search Results Page Parallax image settings from this section.

Hero Image Setting

options-21
You can change Hero Image settings from this section.

Global Hero Image Settings

options-22
You can change Hero Image in hero section settings from this section. Hero Image settings is overwrite all pages’s Hero Image Settings. You can set hide or show Hero Image in hero section for all pages.

404 Hero Image Settings

options-23
You can change 404 Page Hero Image settings from this section.

Search Results Hero Image Settings

options-24
You can change Search Results Page Hero Image settings from this section.

Social Accounts Links Settings

options-25
You can change Social Accounts Links from this section. You have to set link of the social website (ex:http://facebook.com), account ID (ex:themeflex) and Icon (ex:fab fa-facebook). For Icon you can use Font Awesome Icons’s classes. You can add new social links or remove exists social links.

Footer Settings

options-26
You can change Footer Settings from this section.

Footer Text

options-27
You can change text in the footer from this section. Social Icons can be set from Social Media Settings section.

Footer Big Image

options-28
You can change Footer Big Image from this section.

Footer Logo and Bottom Texts

options-29
You can change Footer Logo, Copyright Text, Powered By Text, Powered By Link and Powered By Image from this section.

404 Page Settings

options-30
You can change 404 Page Settings from this section like Big Text, 404 Text, Not Found Text and Back To Home Text.

Menu Settings

options-31
You can set menu links from this section. Nexout has a menu location in sidebar page template.

Page Templates

There are Default Page Template, Boxed Page Template, Homepage Template, Sidebar Page Template.
Default Page Template: This page template is full-width.
Boxed Page: This page template is designed for content in a container.
Homepage Template: This page template has a slider section in hero section and content below it.
Sidebar Page Template: You can use this template for creating pages which including sidebar. Sidebar can be customized with Widgets under Appereance.

Hero Settings

You can customize hero image and parallax images for each pages, posts and portfolio pages. If you don’t make any changes for these settings, global settings will be used.

Hero Image Setting

setting-hero
You can customize hero image from this section or you can hide it.

Parallax Images Setting

setting-parallax
You can customize parallax images from this section or you can hide it.

Slider

Slider is showing in homepage templated pages.

slider-1
You can add new slide with clicking Add New Slide in dashboard menu.

slider-2
You can set image, title, caption and link. When setting link, you can change text of link with link text.

Portfolio

You can use Portfolio Sample in My Templates in Elementor Editor. After creating content you need to set featured image and select portfolio category for listing in the portfolio list sections.

Content

Nexout Elementor Widgets

content-1
You can use Nexout Elementor Widgets in Pages, Posts and Portfolios.

About Image With Text

content-about-image-text
This widget has margin top setting in px unit (Default value: -90), image section(1), strong color (3) and content input (4). If you use strong text in content, its color will be same as Strong Color in settings.

Bordered Content

content-bordered-content
This widget has border color, strong color and content inputs.

Border Spacer

content-border-spacer
This widget has seperator color and vertical margin input.

Contact Form 7

content-contact-form-7
This widget is Elementor Shortcode Default Widget. Put your contact form 7 shortcode inside it.

Content Title

content-content-title
This widget design as title of content. You can use textarea to change content.

Custom Blockquote

content-custom-blockquote
This widget has background color setting and content area.

Custom Button

content-custom-button
This widget desing to create a button with hover effect. You can set link, button text, button text color, border, and hover settings.

Custom Icon

content-custom-icon
This widget has icon select input, icon background, icon color and content.

Custom Title

content-custom-title
This widget has sub title, sub title color, title and title color inputs.

Icons List

content-icons-list
This widget designed as list you can add new items or remove exist items. Each item has title, content and icon.

Content Map

content-map
This widget designed to show Google Map with title on it. You can set full width it. You have to put iframe code to Map HTML Code input. You can change background color.

Our Clients

content-our-clients-1
This widget designed as list you can add new items or remove exist items. It includes Title and Subtitle inputs.

content-our-clients-2
Each item has Title, Link and Image.

Our Skills

content-our-skills-1
This widget designed as list you can add new items or remove exist items. It includes Title and Subtitle inputs.

content-our-skills-2
Each item has Skill Title and Skill Value.

Paragraph Content

content-paragraph-content
You can use this widget instead of Default Elementor Paragraph Widget.

Parallax Image

content-parallax-image
You can use this image for creating parallax image. Widget has image select and height of parallax container input.

Portfolio List

content-portfolio-list
This widget designed for listing portfolios. It has margin setting, Ajax Feature, Portfolio Category filter, Filter Type (AND - OR), Bottom Link Text and Bottom Link. If you set “YES” ajax feature, links work with modal box and links’s content in it.

Nexout Spacer

content-nexout-spacer
You can put space with this widget and set height value of element.

Nexout Custom Two Buttons

content-two-buttons
This widget has two buttons and a text between them. You can set buttons’s text, text colors, text typography, text hover color and button link. You can also set button border color.

Nexout Elementor Custom Templates

content-two-buttons
There are sample templates with matching Nexout Demo. You can use it for creating new pages.

content-two-buttons
After click add button, under My Templates tab, custom templates will be listed. You can add them to new pages.

Credits

jQuery :
is the library that enables all jquery plugins to work. For more information about library : http://jquery.org/about

Easing :
Used for easing animated objects on the template. For more information : http://gsgd.co.uk/sandbox/jquery/easing/

Slick :
Slider structure used for all slider on the template. For more information about library : http://kenwheeler.github.io/slick/

Isotope :
Used for filtering on portfolio & homepage. For more information: http://isotope.metafizzy.co/

Bootstrap :
Latest version of Bootstrap.

ImagesLoaded :
Library following the loading event of images. For more information library : https://imagesloaded.desandro.com/

Wow :
Library that allows animations from Animate.css to run when Element appears. For more information library : https://wowjs.uk/

Google Fonts:
Two Google Fonts are used in this theme.